10 files changed, 49 insertions, 45 deletions

diff --git a/src/components/layout/Sidebar.js b/src/components/layout/Sidebar.js
index 76edcf2e1..fc33a3c58 100644
--- a/src/components/layout/Sidebar.js
+++ b/src/components/layout/Sidebar.js
@@ -177,7 +177,7 @@ class Sidebar extends Component {
               >
                 <i className="mdi mdi-check-all" />
               </button>
-              ) : null}
+            ) : null}
             {workspaceStore.isFeatureEnabled ? (
               <button
                 type="button"
@@ -243,7 +243,7 @@ class Sidebar extends Component {
             this.props.stores.app.updateStatusTypes.AVAILABLE ||
             this.props.stores.app.updateStatus ===
               this.props.stores.app.updateStatusTypes.DOWNLOADED) && (
-              <span className="update-available">•</span>
+            <span className="update-available">•</span>
           )}
         </button>
         {this.state.tooltipEnabled && (
diff --git a/src/components/services/content/ErrorHandlers/styles.ts b/src/components/services/content/ErrorHandlers/styles.ts
index 72d62f5e3..9e2509ee5 100644
--- a/src/components/services/content/ErrorHandlers/styles.ts
+++ b/src/components/services/content/ErrorHandlers/styles.ts
@@ -1,4 +1,4 @@
-export default (theme) => ({
+export default theme => ({
   component: {
     left: 0,
     position: 'absolute',
diff --git a/src/components/services/content/ServiceView.js b/src/components/services/content/ServiceView.js
index 8e44efc5f..1bc1fbf5f 100644
--- a/src/components/services/content/ServiceView.js
+++ b/src/components/services/content/ServiceView.js
@@ -123,7 +123,7 @@ class ServiceView extends Component {
               service.isFirstLoad &&
               !service.isServiceAccessRestricted && (
                 <WebviewLoader loaded={false} name={service.name} />
-            )}
+              )}
             {service.isError && (
               <WebviewErrorHandler
                 name={service.recipe.name}
diff --git a/src/components/services/content/ServiceWebview.js b/src/components/services/content/ServiceWebview.js
index b60ed3267..185d41175 100644
--- a/src/components/services/content/ServiceWebview.js
+++ b/src/components/services/content/ServiceWebview.js
@@ -24,12 +24,10 @@ class ServiceWebview extends Component {
     super(props);
 
     reaction(
-      () => (
-        this.webview
-      ),
+      () => this.webview,
       () => {
         if (this.webview && this.webview.view) {
-          this.webview.view.addEventListener('console-message', (e) => {
+          this.webview.view.addEventListener('console-message', e => {
             debug('Service logged a message:', e.message);
           });
         }
@@ -55,20 +53,26 @@ class ServiceWebview extends Component {
   };
 
   render() {
-    const {
-      service,
-      setWebviewReference,
-      isSpellcheckerEnabled,
-    } = this.props;
+    const { service, setWebviewReference, isSpellcheckerEnabled } = this.props;
 
-    const preloadScript = join(__dirname, '..', '..', '..', 'webview', 'recipe.js');
+    const preloadScript = join(
+      __dirname,
+      '..',
+      '..',
+      '..',
+      'webview',
+      'recipe.js',
+    );
 
     return (
       <ElectronWebView
-        ref={(webview) => {
+        ref={webview => {
           this.webview = webview;
           if (webview && webview.view) {
-            webview.view.addEventListener('did-stop-loading', this.refocusWebview);
+            webview.view.addEventListener(
+              'did-stop-loading',
+              this.refocusWebview,
+            );
           }
         }}
         autosize
@@ -83,10 +87,14 @@ class ServiceWebview extends Component {
         }}
         onUpdateTargetUrl={this.updateTargetUrl}
         useragent={service.userAgent}
-        disablewebsecurity={service.recipe.disablewebsecurity ? true : undefined}
+        disablewebsecurity={
+          service.recipe.disablewebsecurity ? true : undefined
+        }
         allowpopups
         nodeintegration
-        webpreferences={`spellcheck=${isSpellcheckerEnabled ? 1 : 0}, contextIsolation=1, enableRemoteModule=1`}
+        webpreferences={`spellcheck=${
+          isSpellcheckerEnabled ? 1 : 0
+        }, contextIsolation=1, enableRemoteModule=1`}
       />
     );
   }
diff --git a/src/components/services/tabs/TabBarSortableList.js b/src/components/services/tabs/TabBarSortableList.js
index 146cd93eb..69a12e982 100644
--- a/src/components/services/tabs/TabBarSortableList.js
+++ b/src/components/services/tabs/TabBarSortableList.js
@@ -22,7 +22,7 @@ class TabBarSortableList extends Component {
     wakeUpService: PropTypes.func.isRequired,
     showMessageBadgeWhenMutedSetting: PropTypes.bool.isRequired,
     showMessageBadgesEvenWhenMuted: PropTypes.bool.isRequired,
-  }
+  };
 
   render() {
     const {
@@ -43,9 +43,7 @@ class TabBarSortableList extends Component {
     } = this.props;
 
     return (
-      <ul
-        className="tabs"
-      >
+      <ul className="tabs">
         {services.map((service, index) => (
           <TabItem
             key={service.id}
@@ -54,7 +52,9 @@ class TabBarSortableList extends Component {
             index={index}
             shortcutIndex={index + 1}
             reload={() => reload({ serviceId: service.id })}
-            toggleNotifications={() => toggleNotifications({ serviceId: service.id })}
+            toggleNotifications={() =>
+              toggleNotifications({ serviceId: service.id })
+            }
             toggleAudio={() => toggleAudio({ serviceId: service.id })}
             toggleDarkMode={() => toggleDarkMode({ serviceId: service.id })}
             deleteService={() => deleteService({ serviceId: service.id })}
diff --git a/src/components/settings/settings/EditSettingsForm.js b/src/components/settings/settings/EditSettingsForm.js
index 40242858a..948e9ccd5 100644
--- a/src/components/settings/settings/EditSettingsForm.js
+++ b/src/components/settings/settings/EditSettingsForm.js
@@ -12,13 +12,17 @@ import ToggleRaw from '../../ui/ToggleRaw';
 import Select from '../../ui/Select';
 import Input from '../../ui/Input';
 
-import { DEFAULT_APP_SETTINGS, FRANZ_TRANSLATION, GITHUB_FRANZ_URL } from '../../../config';
 import {
-  isMac,
-  isWindows,
-  lockFerdiShortcutKey,
-} from '../../../environment';
-import { ferdiVersion, userDataPath, userDataRecipesPath } from '../../../environment-remote';
+  DEFAULT_APP_SETTINGS,
+  FRANZ_TRANSLATION,
+  GITHUB_FRANZ_URL,
+} from '../../../config';
+import { isMac, isWindows, lockFerdiShortcutKey } from '../../../environment';
+import {
+  ferdiVersion,
+  userDataPath,
+  userDataRecipesPath,
+} from '../../../environment-remote';
 import { openPath } from '../../../helpers/url-helpers';
 import globalMessages from '../../../i18n/globalMessages';
 
diff --git a/src/components/ui/Modal/styles.ts b/src/components/ui/Modal/styles.ts
index f32c075ce..c2bebf9bb 100644
--- a/src/components/ui/Modal/styles.ts
+++ b/src/components/ui/Modal/styles.ts
@@ -1,4 +1,4 @@
-export default (theme) => ({
+export default theme => ({
   component: {
     zIndex: 500,
     position: 'absolute',
diff --git a/src/components/ui/ServiceIcon.js b/src/components/ui/ServiceIcon.js
index 2e9312d27..f067f8955 100644
--- a/src/components/ui/ServiceIcon.js
+++ b/src/components/ui/ServiceIcon.js
@@ -6,7 +6,7 @@ import classnames from 'classnames';
 
 import ServiceModel from '../../models/Service';
 
-const styles = (theme) => ({
+const styles = theme => ({
   root: {
     height: 'auto',
   },
@@ -24,7 +24,8 @@ const styles = (theme) => ({
   },
 });
 
-@injectSheet(styles) @observer
+@injectSheet(styles)
+@observer
 class ServiceIcon extends Component {
   static propTypes = {
     classes: PropTypes.object.isRequired,
@@ -37,19 +38,10 @@ class ServiceIcon extends Component {
   };
 
   render() {
-    const {
-      classes,
-      className,
-      service,
-    } = this.props;
+    const { classes, className, service } = this.props;
 
     return (
-      <div
-        className={classnames([
-          classes.root,
-          className,
-        ])}
-      >
+      <div className={classnames([classes.root, className])}>
         <img
           src={service.icon}
           className={classnames([
diff --git a/src/components/ui/WebviewLoader/styles.ts b/src/components/ui/WebviewLoader/styles.ts
index 5d58011fe..dbd75db8a 100644
--- a/src/components/ui/WebviewLoader/styles.ts
+++ b/src/components/ui/WebviewLoader/styles.ts
@@ -1,4 +1,4 @@
-export default (theme) => ({
+export default theme => ({
   component: {
     background: theme.colorWebviewLoaderBackground,
     padding: 20,
diff --git a/src/components/util/ErrorBoundary/styles.js b/src/components/util/ErrorBoundary/styles.js
index 51b36fdf3..0960546ff 100644
--- a/src/components/util/ErrorBoundary/styles.js
+++ b/src/components/util/ErrorBoundary/styles.js
@@ -1,4 +1,4 @@
-export default (theme) => ({
+export default theme => ({
   component: {
     display: 'flex',
     width: '100%',