Fix issues reported by sonarqube linter

4 files changed, 19 insertions, 18 deletions

diff --git a/src/components/services/content/ConnectionLostBanner.tsx b/src/components/services/content/ConnectionLostBanner.tsx
index 88731f3b9..7040337f0 100644
--- a/src/components/services/content/ConnectionLostBanner.tsx
+++ b/src/components/services/content/ConnectionLostBanner.tsx
@@ -21,10 +21,11 @@ const messages = defineMessages({
   },
 });
 
-const buttonTransition =
-  window && window.matchMedia('(prefers-reduced-motion: no-preference)')
-    ? 'opacity 0.25s'
-    : 'none';
+const buttonTransition = window?.matchMedia(
+  '(prefers-reduced-motion: no-preference)',
+)
+  ? 'opacity 0.25s'
+  : 'none';
 
 const styles = theme => ({
   root: {
diff --git a/src/components/services/content/ServiceView.tsx b/src/components/services/content/ServiceView.tsx
index 0754bccc5..19dcdd07a 100644
--- a/src/components/services/content/ServiceView.tsx
+++ b/src/components/services/content/ServiceView.tsx
@@ -21,7 +21,7 @@ interface IProps {
   reload: () => void;
   edit: () => void;
   enable: () => void;
-  // isActive?: boolean; // TODO - [TECH DEBT][PROP NOT USED IN COMPONENT] check it
+  // isActive?: boolean; // TODO: [TECH DEBT][PROP NOT USED IN COMPONENT] check it
   stores?: RealStores;
   isSpellcheckerEnabled: boolean;
 }
@@ -35,7 +35,7 @@ interface IState {
 @inject('stores', 'actions')
 @observer
 class ServiceView extends Component<IProps, IState> {
-  // hibernationTimer = null; //  TODO - [TS DEBT] class property not reassigned, need to find its purpose
+  // hibernationTimer = null; // TODO: [TS DEBT] class property not reassigned, need to find its purpose
 
   autorunDisposer: IReactionDisposer | undefined;
 
@@ -65,7 +65,7 @@ class ServiceView extends Component<IProps, IState> {
   componentWillUnmount() {
     this.autorunDisposer!();
     clearTimeout(this.forceRepaintTimeout!);
-    // clearTimeout(this.hibernationTimer); //  TODO - [TS DEBT] class property not reassigned, need to find its purpose
+    // clearTimeout(this.hibernationTimer); // TODO: [TS DEBT] class property not reassigned, need to find its purpose
   }
 
   render() {
@@ -111,7 +111,7 @@ class ServiceView extends Component<IProps, IState> {
             {service.hasCrashed && (
               <WebviewCrashHandler
                 name={service.recipe.name}
-                // webview={service.webview} //  TODO - [TECH DEBT][PROPS NOT EXIST IN COMPONENT] check it
+                // webview={service.webview} // TODO: [TECH DEBT][PROPS NOT EXIST IN COMPONENT] check it
                 reload={reload}
               />
             )}
@@ -177,7 +177,7 @@ class ServiceView extends Component<IProps, IState> {
             {service.isActive && (
               <ServiceDisabled
                 name={service.name === '' ? service.recipe.name : service.name}
-                // webview={service.webview} //  TODO - [TECH DEBT][PROPS NOT EXIST IN COMPONENT] check it
+                // webview={service.webview} // TODO: [TECH DEBT][PROPS NOT EXIST IN COMPONENT] check it
                 enable={enable}
               />
             )}
diff --git a/src/components/services/content/ServiceWebview.tsx b/src/components/services/content/ServiceWebview.tsx
index ac8d1ea66..008e1b227 100644
--- a/src/components/services/content/ServiceWebview.tsx
+++ b/src/components/services/content/ServiceWebview.tsx
@@ -32,7 +32,7 @@ class ServiceWebview extends Component<IProps> {
     reaction(
       () => this.webview,
       () => {
-        if (this.webview && this.webview.view) {
+        if (this.webview?.view) {
           this.webview.view.addEventListener('console-message', e => {
             debug('Service logged a message:', e.message);
           });
@@ -97,7 +97,7 @@ class ServiceWebview extends Component<IProps> {
       <ElectronWebView
         ref={webview => {
           this._setWebview(webview);
-          if (webview && webview.view) {
+          if (webview?.view) {
             webview.view.addEventListener(
               'did-stop-loading',
               this.refocusWebview,
@@ -122,7 +122,7 @@ class ServiceWebview extends Component<IProps> {
             });
           }, 0);
         }}
-        // onUpdateTargetUrl={this.updateTargetUrl} // TODO - [TS DEBT] need to check where its from
+        // onUpdateTargetUrl={this.updateTargetUrl} // TODO: [TS DEBT] need to check where its from
         useragent={service.userAgent}
         disablewebsecurity={
           service.recipe.disablewebsecurity ? true : undefined
diff --git a/src/components/services/content/Services.tsx b/src/components/services/content/Services.tsx
index fa26edaa6..5766e0d75 100644
--- a/src/components/services/content/Services.tsx
+++ b/src/components/services/content/Services.tsx
@@ -42,8 +42,8 @@ interface IProps extends WrappedComponentProps, WithStylesProps<typeof styles> {
   services?: Service[];
   setWebviewReference: () => void;
   detachService: () => void;
-  // handleIPCMessage: () => void; // TODO - [TECH DEBT] later check it
-  // openWindow: () => void; // TODO - [TECH DEBT] later check it
+  // handleIPCMessage: () => void; // TODO: [TECH DEBT] later check it
+  // openWindow: () => void; // TODO: [TECH DEBT] later check it
   reload: (options: { serviceId: string }) => void;
   openSettings: (options: { path: string }) => void;
   update: (options: {
@@ -88,10 +88,10 @@ class Services extends Component<IProps, IState> {
   render(): ReactElement {
     const {
       services = [],
-      // handleIPCMessage, // TODO - [TECH DEBT] later check it
+      // handleIPCMessage, // TODO: [TECH DEBT] later check it
       setWebviewReference,
       detachService,
-      // openWindow, // TODO - [TECH DEBT] later check it
+      // openWindow, // TODO: [TECH DEBT] later check it
       reload,
       openSettings,
       update,
@@ -136,10 +136,10 @@ class Services extends Component<IProps, IState> {
             <ServiceView
               key={service.id}
               service={service}
-              // handleIPCMessage={handleIPCMessage} //  TODO - [TECH DEBT][PROPS NOT EXIST IN COMPONENT] later check it
+              // handleIPCMessage={handleIPCMessage} //  TODO: [TECH DEBT][PROPS NOT EXIST IN COMPONENT] later check it
               setWebviewRef={setWebviewReference}
               detachService={detachService}
-              // openWindow={openWindow} //  TODO - [TECH DEBT][PROPS NOT EXIST IN COMPONENT] later check it
+              // openWindow={openWindow} //  TODO: [TECH DEBT][PROPS NOT EXIST IN COMPONENT] later check it
               reload={() => reload({ serviceId: service.id })}
               edit={() => openSettings({ path: `services/edit/${service.id}` })}
               enable={() =>