eslint needs to be executed at the top-level to actually workv6.0.1-nightly.3

14 files changed, 77 insertions, 63 deletions

diff --git a/src/components/auth/Invite.js b/src/components/auth/Invite.js
index 9eca924cd..6b0e0e40b 100644
--- a/src/components/auth/Invite.js
+++ b/src/components/auth/Invite.js
@@ -70,9 +70,7 @@ class Invite extends Component {
               fields: {
                 name: {
                   label: intl.formatMessage(messages.nameLabel),
-                  placeholder: intl.formatMessage(
-                    messages.nameLabel,
-                  ),
+                  placeholder: intl.formatMessage(messages.nameLabel),
                   onChange: () => {
                     this.setState({ showSuccessInfo: false });
                   },
@@ -80,9 +78,7 @@ class Invite extends Component {
                 },
                 email: {
                   label: intl.formatMessage(messages.emailLabel),
-                  placeholder: intl.formatMessage(
-                    messages.emailLabel,
-                  ),
+                  placeholder: intl.formatMessage(messages.emailLabel),
                   onChange: () => {
                     this.setState({ showSuccessInfo: false });
                   },
diff --git a/src/components/auth/Locked.js b/src/components/auth/Locked.js
index 90ee46722..6e32dd980 100644
--- a/src/components/auth/Locked.js
+++ b/src/components/auth/Locked.js
@@ -54,17 +54,19 @@ class Locked extends Component {
 
   form = (() => {
     const { intl } = this.props;
-    return new Form({
-      fields: {
-        password: {
-          label: intl.formatMessage(messages.passwordLabel),
-          value: '',
-          type: 'password',
+    return new Form(
+      {
+        fields: {
+          password: {
+            label: intl.formatMessage(messages.passwordLabel),
+            value: '',
+            type: 'password',
+          },
         },
       },
-    },
-    intl,
-  )})();
+      intl,
+    );
+  })();
 
   submit(e) {
     e.preventDefault();
diff --git a/src/components/auth/Password.js b/src/components/auth/Password.js
index 0daa4c77a..5086b0bbd 100644
--- a/src/components/auth/Password.js
+++ b/src/components/auth/Password.js
@@ -50,17 +50,19 @@ class Password extends Component {
 
   form = (() => {
     const { intl } = this.props;
-    return new Form({
-      fields: {
-        email: {
-          label: intl.formatMessage(messages.emailLabel),
-          value: '',
-          validators: [required, email],
+    return new Form(
+      {
+        fields: {
+          email: {
+            label: intl.formatMessage(messages.emailLabel),
+            value: '',
+            validators: [required, email],
+          },
         },
       },
-    },
-    intl,
-  )})();
+      intl,
+    );
+  })();
 
   submit(e) {
     e.preventDefault();
@@ -80,7 +82,9 @@ class Password extends Component {
     return (
       <div className="auth__container">
         <form className="franz-form auth__form" onSubmit={e => this.submit(e)}>
-          <Link to='/auth/welcome'><img src="./assets/images/logo.svg" className="auth__logo" alt="" /></Link>
+          <Link to="/auth/welcome">
+            <img src="./assets/images/logo.svg" className="auth__logo" alt="" />
+          </Link>
           <H1>{intl.formatMessage(messages.headline)}</H1>
           {status.length > 0 && status.includes('sent') && (
             <Infobox type="success" icon="checkbox-marked-circle-outline">
diff --git a/src/components/auth/Welcome.jsx b/src/components/auth/Welcome.jsx
index c784b75c3..9e5d10126 100644
--- a/src/components/auth/Welcome.jsx
+++ b/src/components/auth/Welcome.jsx
@@ -21,7 +21,8 @@ const messages = defineMessages({
   },
   changeServerMessage: {
     id: 'login.changeServerMessage',
-    defaultMessage: 'You are using {serverNameParse} Server, do you want to switch?'
+    defaultMessage:
+      'You are using {serverNameParse} Server, do you want to switch?',
   },
   changeServer: {
     id: 'login.changeServer',
@@ -78,7 +79,9 @@ class Welcome extends Component {
           </Link>
           <div className="welcome__text__change-server">
             <span>
-              {intl.formatMessage(messages.changeServerMessage, { serverNameParse })}
+              {intl.formatMessage(messages.changeServerMessage, {
+                serverNameParse,
+              })}
             </span>
             <Link to={changeServerRoute} className="button__change-server">
               <span>{intl.formatMessage(messages.changeServer)}</span>
diff --git a/src/components/services/content/ServiceView.js b/src/components/services/content/ServiceView.js
index 504325c3a..47d84fead 100644
--- a/src/components/services/content/ServiceView.js
+++ b/src/components/services/content/ServiceView.js
@@ -77,7 +77,8 @@ class ServiceView extends Component {
       isSpellcheckerEnabled,
     } = this.props;
 
-    const { navigationBarBehaviour, navigationBarManualActive } = stores.settings.app;
+    const { navigationBarBehaviour, navigationBarManualActive } =
+      stores.settings.app;
 
     const showNavBar =
       navigationBarBehaviour === 'always' ||
@@ -98,7 +99,11 @@ class ServiceView extends Component {
     }
 
     return (
-      <div className={webviewClasses} data-name={service.name} style={{order: service.order}}>
+      <div
+        className={webviewClasses}
+        data-name={service.name}
+        style={{ order: service.order }}
+      >
         {service.isActive && service.isEnabled && (
           <>
             {service.hasCrashed && (
@@ -115,9 +120,9 @@ class ServiceView extends Component {
               !service.isServiceAccessRestricted && (
                 <WebviewLoader loaded={false} name={service.name} />
               )}
-            {service.isProgressbarEnabled && service.isLoadingPage && !service.isFirstLoad && (
-              <TopBarProgress />
-            )}
+            {service.isProgressbarEnabled &&
+              service.isLoadingPage &&
+              !service.isFirstLoad && <TopBarProgress />}
             {service.isError && (
               <WebviewErrorHandler
                 name={service.recipe.name}
@@ -151,11 +156,26 @@ class ServiceView extends Component {
                 />
               </>
             ) : (
-              <div style={{display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center', textAlign: 'center' }}>
-                <span role="img" aria-label="Sleeping Emoji" style={{fontSize: 42}}>
+              <div
+                style={{
+                  display: 'flex',
+                  flexDirection: 'column',
+                  justifyContent: 'center',
+                  alignItems: 'center',
+                  textAlign: 'center',
+                }}
+              >
+                <span
+                  role="img"
+                  aria-label="Sleeping Emoji"
+                  style={{ fontSize: 42 }}
+                >
                   😴
-                </span><br/><br/>
-                This service is currently hibernating.<br/>
+                </span>
+                <br />
+                <br />
+                This service is currently hibernating.
+                <br />
                 Try switching services or reloading Ferdium.
               </div>
             )}
diff --git a/src/components/settings/account/AccountDashboard.js b/src/components/settings/account/AccountDashboard.js
index 8ebf1ac5f..a1612cf8b 100644
--- a/src/components/settings/account/AccountDashboard.js
+++ b/src/components/settings/account/AccountDashboard.js
@@ -106,7 +106,7 @@ class AccountDashboard extends Component {
         <div className="settings__body">
           {isUsingWithoutAccount && (
             <>
-              <H1 className='.no-bottom-margin'>
+              <H1 className=".no-bottom-margin">
                 {intl.formatMessage(messages.accountUnavailable)}
               </H1>
               <p
diff --git a/src/components/settings/recipes/RecipesDashboard.jsx b/src/components/settings/recipes/RecipesDashboard.jsx
index 589b97ecd..d6150d300 100644
--- a/src/components/settings/recipes/RecipesDashboard.jsx
+++ b/src/components/settings/recipes/RecipesDashboard.jsx
@@ -191,7 +191,9 @@ class RecipesDashboard extends Component {
             <NavLink
               to="/settings/recipes/all"
               className={({ isActive }) =>
-                isActive && recipeFilter === 'all' ? 'badge badge--primary' : 'badge'
+                isActive && recipeFilter === 'all'
+                  ? 'badge badge--primary'
+                  : 'badge'
               }
               onClick={() => resetSearch()}
             >
diff --git a/src/components/settings/services/EditServiceForm.js b/src/components/settings/services/EditServiceForm.js
index 73136529a..ab43bace9 100644
--- a/src/components/settings/services/EditServiceForm.js
+++ b/src/components/settings/services/EditServiceForm.js
@@ -505,9 +505,7 @@ class EditServiceForm extends Component {
         </div>
         <div className="settings__controls">
           {/* Delete Button */}
-          <div>
-            {action === 'edit' && deleteButton}
-          </div>
+          <div>{action === 'edit' && deleteButton}</div>
 
           {/* Save Button */}
           {isSaving || isValidatingCustomUrl ? (
diff --git a/src/components/ui/ColorPickerInput.tsx b/src/components/ui/ColorPickerInput.tsx
index 8a4d3129a..710d05586 100644
--- a/src/components/ui/ColorPickerInput.tsx
+++ b/src/components/ui/ColorPickerInput.tsx
@@ -8,7 +8,7 @@ interface IProps {
   field: Field;
   className?: string;
   focus?: boolean;
-};
+}
 
 class ColorPickerInput extends Component<IProps> {
   static defaultProps = {
@@ -34,16 +34,13 @@ class ColorPickerInput extends Component<IProps> {
     this.inputElement?.focus();
   }
 
-  handleChangeComplete = (color: { hex: string; }) => {
+  handleChangeComplete = (color: { hex: string }) => {
     const { field } = this.props;
-    field.value = color.hex
+    field.value = color.hex;
   };
 
   render() {
-    const {
-      field,
-      className,
-    } = this.props;
+    const { field, className } = this.props;
 
     let { type } = field;
     type = 'text';
@@ -57,8 +54,8 @@ class ColorPickerInput extends Component<IProps> {
         })}
       >
         <SliderPicker
-          color={ field.value }
-          onChangeComplete={ this.handleChangeComplete }
+          color={field.value}
+          onChangeComplete={this.handleChangeComplete}
           id={field.id}
           type={type}
           className="franz-form__input"
diff --git a/src/components/ui/FullscreenLoader/index.js b/src/components/ui/FullscreenLoader/index.js
index 983e7ea6c..f8c6b92ee 100644
--- a/src/components/ui/FullscreenLoader/index.js
+++ b/src/components/ui/FullscreenLoader/index.js
@@ -23,7 +23,7 @@ class FullscreenLoader extends Component {
     className: null,
     spinnerColor: null,
     children: null,
-    title: null
+    title: null,
   };
 
   render() {
diff --git a/src/components/ui/loader/index.tsx b/src/components/ui/loader/index.tsx
index 4d52f320e..45f81ff3b 100644
--- a/src/components/ui/loader/index.tsx
+++ b/src/components/ui/loader/index.tsx
@@ -41,6 +41,4 @@ class LoaderComponent extends Component<IProps> {
   }
 }
 
-export default injectStyle(styles, { injectTheme: true })(
-  LoaderComponent,
-);
+export default injectStyle(styles, { injectTheme: true })(LoaderComponent);
diff --git a/src/components/ui/select/index.tsx b/src/components/ui/select/index.tsx
index 1ce6c674b..805836130 100644
--- a/src/components/ui/select/index.tsx
+++ b/src/components/ui/select/index.tsx
@@ -463,6 +463,4 @@ class SelectComponent extends Component<IProps> {
   }
 }
 
-export default injectStyle(styles, { injectTheme: true })(
-  SelectComponent,
-);
+export default injectStyle(styles, { injectTheme: true })(SelectComponent);
diff --git a/src/components/ui/textarea/index.tsx b/src/components/ui/textarea/index.tsx
index 6796ab83d..d4ea424be 100644
--- a/src/components/ui/textarea/index.tsx
+++ b/src/components/ui/textarea/index.tsx
@@ -121,6 +121,4 @@ class TextareaComponent extends Component<IProps> {
   }
 }
 
-export default injectSheet(styles, { injectTheme: true })(
-  TextareaComponent,
-);
+export default injectSheet(styles, { injectTheme: true })(TextareaComponent);
diff --git a/src/components/ui/wrapper/index.tsx b/src/components/ui/wrapper/index.tsx
index e7477a25c..d733d050e 100644
--- a/src/components/ui/wrapper/index.tsx
+++ b/src/components/ui/wrapper/index.tsx
@@ -33,6 +33,4 @@ class WrapperComponent extends Component<IProps> {
   }
 }
 
-export default injectStyle(styles, { injectTheme: true })(
-  WrapperComponent,
-);
+export default injectStyle(styles, { injectTheme: true })(WrapperComponent);