21 files changed, 66 insertions, 99 deletions

diff --git a/src/api/server/ServerApi.js b/src/api/server/ServerApi.js
index 6bbf572fa..bcc72ffdc 100644
--- a/src/api/server/ServerApi.js
+++ b/src/api/server/ServerApi.js
@@ -1,3 +1,4 @@
+/* eslint-disable import/no-import-module-exports */
 /* eslint-disable global-require */
 import { join } from 'path';
 import tar from 'tar';
diff --git a/src/components/auth/Invite.js b/src/components/auth/Invite.js
index f23417870..dd71c2450 100644
--- a/src/components/auth/Invite.js
+++ b/src/components/auth/Invite.js
@@ -125,8 +125,8 @@ class Invite extends Component {
       .some(emailValue => emailValue.trim() !== '');
 
     const sendButtonClassName = classnames({
-      'auth__button': true,
-      'invite__embed--button': embed
+      auth__button: true,
+      'invite__embed--button': embed,
     });
 
     const renderForm = (
diff --git a/src/components/auth/Login.js b/src/components/auth/Login.js
index 956205258..0c327d67e 100644
--- a/src/components/auth/Login.js
+++ b/src/components/auth/Login.js
@@ -105,8 +105,6 @@ class Login extends Component {
     this.props.intl,
   );
 
-  emailField = null;
-
   submit(e) {
     e.preventDefault();
     this.form.submit({
@@ -155,13 +153,7 @@ class Login extends Component {
               {intl.formatMessage(messages.serverLogout)}
             </p>
           )}
-          <Input
-            field={form.$('email')}
-            ref={element => {
-              this.emailField = element;
-            }}
-            focus
-          />
+          <Input field={form.$('email')} focus />
           <Input field={form.$('password')} showPasswordToggle />
           {error.code === 'invalid-credentials' && (
             <>
diff --git a/src/components/services/content/ConnectionLostBanner.js b/src/components/services/content/ConnectionLostBanner.js
index 5111a081a..b9e7eca53 100644
--- a/src/components/services/content/ConnectionLostBanner.js
+++ b/src/components/services/content/ConnectionLostBanner.js
@@ -1,4 +1,4 @@
-import { createRef, Component } from 'react';
+import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { observer } from 'mobx-react';
 import injectSheet from 'react-jss';
@@ -77,8 +77,6 @@ class ConnectionLostBanner extends Component {
     reload: PropTypes.func.isRequired,
   };
 
-  inputRef = createRef();
-
   render() {
     const { classes, name, reload } = this.props;
 
diff --git a/src/components/services/content/ServiceDisabled.js b/src/components/services/content/ServiceDisabled.js
index 476b23235..f60d4bca6 100644
--- a/src/components/services/content/ServiceDisabled.js
+++ b/src/components/services/content/ServiceDisabled.js
@@ -23,10 +23,6 @@ class ServiceDisabled extends Component {
     enable: PropTypes.func.isRequired,
   };
 
-  countdownInterval = null;
-
-  countdownIntervalTimeout = 1000;
-
   render() {
     const { name, enable } = this.props;
     const { intl } = this.props;
diff --git a/src/components/services/content/ServiceView.js b/src/components/services/content/ServiceView.js
index 1bc1fbf5f..1ffdd2153 100644
--- a/src/components/services/content/ServiceView.js
+++ b/src/components/services/content/ServiceView.js
@@ -1,3 +1,4 @@
+/* eslint-disable react/jsx-no-useless-fragment */
 import { Component, Fragment } from 'react';
 import PropTypes from 'prop-types';
 import { autorun } from 'mobx';
@@ -65,17 +66,6 @@ class ServiceView extends Component {
     clearTimeout(this.hibernationTimer);
   }
 
-  updateTargetUrl = event => {
-    let visible = true;
-    if (event.url === '' || event.url === '#') {
-      visible = false;
-    }
-    this.setState({
-      targetUrl: event.url,
-      statusBarVisible: visible,
-    });
-  };
-
   render() {
     const {
       detachService,
diff --git a/src/components/settings/settings/EditSettingsForm.js b/src/components/settings/settings/EditSettingsForm.js
index 7e86ea79a..9e8fb3cf5 100644
--- a/src/components/settings/settings/EditSettingsForm.js
+++ b/src/components/settings/settings/EditSettingsForm.js
@@ -412,10 +412,8 @@ class EditSettingsForm extends Component {
 
                 <Hr />
 
-                <>
-                  <Toggle field={form.$('keepAllWorkspacesLoaded')} />
-                  <Hr />
-                </>
+                <Toggle field={form.$('keepAllWorkspacesLoaded')} />
+                <Hr />
 
                 {!hasAddedTodosAsService && (
                   <>
diff --git a/src/components/settings/team/TeamDashboard.js b/src/components/settings/team/TeamDashboard.js
index 4a1a02571..38d124266 100644
--- a/src/components/settings/team/TeamDashboard.js
+++ b/src/components/settings/team/TeamDashboard.js
@@ -136,40 +136,34 @@ class TeamDashboard extends Component {
               </Infobox>
             )}
 
-            {!userInfoRequestFailed && (
+            {!userInfoRequestFailed && !isLoading && (
               <>
-                {!isLoading && (
-                  <>
-                    <>
-                      <h1
-                        className={classnames({
-                          [classes.headline]: true,
-                          [classes.headlineWithSpacing]: true,
-                        })}
-                      >
-                        {intl.formatMessage(messages.contentHeadline)}
-                      </h1>
-                      <div className={classes.container}>
-                        <div className={classes.content}>
-                          <p>{intl.formatMessage(messages.intro)}</p>
-                          <p>{intl.formatMessage(messages.copy)}</p>
-                        </div>
-                        <img
-                          className={classes.image}
-                          src="https://cdn.franzinfra.com/announcements/assets/teams.png"
-                          alt="Ferdi for Teams"
-                        />
-                      </div>
-                      <div className={classes.buttonContainer}>
-                        <Button
-                          label={intl.formatMessage(messages.manageButton)}
-                          onClick={openTeamManagement}
-                          className={classes.cta}
-                        />
-                      </div>
-                    </>
-                  </>
-                )}
+                <h1
+                  className={classnames({
+                    [classes.headline]: true,
+                    [classes.headlineWithSpacing]: true,
+                  })}
+                >
+                  {intl.formatMessage(messages.contentHeadline)}
+                </h1>
+                <div className={classes.container}>
+                  <div className={classes.content}>
+                    <p>{intl.formatMessage(messages.intro)}</p>
+                    <p>{intl.formatMessage(messages.copy)}</p>
+                  </div>
+                  <img
+                    className={classes.image}
+                    src="https://cdn.franzinfra.com/announcements/assets/teams.png"
+                    alt="Ferdi for Teams"
+                  />
+                </div>
+                <div className={classes.buttonContainer}>
+                  <Button
+                    label={intl.formatMessage(messages.manageButton)}
+                    onClick={openTeamManagement}
+                    className={classes.cta}
+                  />
+                </div>
               </>
             )}
           </div>
diff --git a/src/components/ui/Button.js b/src/components/ui/Button.js
index 67c801d98..d90a8d62d 100644
--- a/src/components/ui/Button.js
+++ b/src/components/ui/Button.js
@@ -35,8 +35,6 @@ class Button extends Component {
     htmlForm: '',
   };
 
-  element = null;
-
   render() {
     const {
       label,
diff --git a/src/components/ui/FAB.tsx b/src/components/ui/FAB.tsx
index 583c9d556..0d871e948 100644
--- a/src/components/ui/FAB.tsx
+++ b/src/components/ui/FAB.tsx
@@ -23,8 +23,6 @@ class Button extends Component<Props> {
     htmlForm: '',
   };
 
-  element = null;
-
   render() {
     const { className, disabled, onClick, type, children, htmlForm } =
       this.props;
diff --git a/src/components/ui/ImageUpload.tsx b/src/components/ui/ImageUpload.tsx
index 118e6b206..52c097ef0 100644
--- a/src/components/ui/ImageUpload.tsx
+++ b/src/components/ui/ImageUpload.tsx
@@ -2,7 +2,7 @@ import { Component } from 'react';
 import { observer } from 'mobx-react';
 import { Field } from 'mobx-react-form';
 import classnames from 'classnames';
-import Dropzone, { DropzoneRef } from 'react-dropzone';
+import Dropzone from 'react-dropzone';
 import { mdiDelete, mdiFileImage } from '@mdi/js';
 import { isWindows } from '../../environment';
 import { Icon } from './icon';
@@ -25,8 +25,6 @@ class ImageUpload extends Component<Props> {
     path: null,
   };
 
-  dropzoneRef: DropzoneRef | null = null;
-
   onDrop(acceptedFiles) {
     const { field } = this.props;
 
@@ -85,9 +83,6 @@ class ImageUpload extends Component<Props> {
             </>
           ) : (
             <Dropzone
-              ref={node => {
-                this.dropzoneRef = node;
-              }}
               onDrop={this.onDrop.bind(this)}
               multiple={multiple}
               accept="image/jpeg, image/png, image/svg+xml"
diff --git a/src/components/ui/Tabs/TabItem.tsx b/src/components/ui/Tabs/TabItem.tsx
index 9fcc3c41e..81ea0ea2b 100644
--- a/src/components/ui/Tabs/TabItem.tsx
+++ b/src/components/ui/Tabs/TabItem.tsx
@@ -1 +1,3 @@
-export const TabItem = ({ children }) => <>{children}</>;
+export const TabItem = ({ children }) => {
+  children;
+};
diff --git a/src/features/appearance/index.ts b/src/features/appearance/index.ts
index fe8793dc1..7a4307cfd 100644
--- a/src/features/appearance/index.ts
+++ b/src/features/appearance/index.ts
@@ -114,7 +114,12 @@ function generateAccentStyle(accentColorStr) {
   `;
 }
 
-function generateServiceRibbonWidthStyle(widthStr, iconSizeStr, vertical, isLabelEnabled) {
+function generateServiceRibbonWidthStyle(
+  widthStr,
+  iconSizeStr,
+  vertical,
+  isLabelEnabled,
+) {
   const width = Number(widthStr);
   const iconSize = Number(iconSizeStr) - iconSizeBias;
   let fontSize = 11;
@@ -122,33 +127,33 @@ function generateServiceRibbonWidthStyle(widthStr, iconSizeStr, vertical, isLabe
   let sidebarSizeBias = 22;
   const tabItemWidthBias = 2;
 
-  switch(width){
-    case (35):
+  switch (width) {
+    case 35:
       fontSize = 9;
       tabItemHeightBias = 25;
       sidebarSizeBias = 48;
       break;
-    case (45):
-        fontSize = 10;
-        tabItemHeightBias = 21;
-        sidebarSizeBias = 44;
-        break;
-    case (55):
+    case 45:
+      fontSize = 10;
+      tabItemHeightBias = 21;
+      sidebarSizeBias = 44;
+      break;
+    case 55:
       fontSize = 11;
       tabItemHeightBias = 13;
       sidebarSizeBias = 37;
       break;
-    case (80):
+    case 80:
       fontSize = 11;
       tabItemHeightBias = 3;
       sidebarSizeBias = 27;
       break;
-    case (90):
+    case 90:
       fontSize = 12;
       tabItemHeightBias = 0;
       sidebarSizeBias = 25;
       break;
-    case (100):
+    case 100:
       fontSize = 13;
       tabItemHeightBias = 2;
       sidebarSizeBias = 25;
@@ -159,7 +164,7 @@ function generateServiceRibbonWidthStyle(widthStr, iconSizeStr, vertical, isLabe
       sidebarSizeBias = 37;
   }
 
-  if(!isLabelEnabled){
+  if (!isLabelEnabled) {
     sidebarSizeBias = 22;
     tabItemHeightBias = -5;
   }
@@ -317,7 +322,7 @@ function generateStyle(settings) {
       serviceRibbonWidth,
       iconSize,
       useVerticalStyle,
-      showServiceName
+      showServiceName,
     );
   }
   if (showDragArea) {
diff --git a/src/features/basicAuth/index.ts b/src/features/basicAuth/index.ts
index 149ab6c19..8e8fa186c 100644
--- a/src/features/basicAuth/index.ts
+++ b/src/features/basicAuth/index.ts
@@ -1,7 +1,5 @@
 import { AuthInfo, BrowserWindow, ipcRenderer } from 'electron';
 
-import BasicAuthComponent from './Component';
-
 import { state as ModalState } from './store';
 
 const debug = require('debug')('Ferdi:feature:basicAuth');
@@ -31,4 +29,4 @@ export function mainIpcHandler(mainWindow: BrowserWindow, authInfo: AuthInfo) {
   });
 }
 
-export const Component = BasicAuthComponent;
+export { default as Component } from './Component';
diff --git a/src/features/quickSwitch/Component.js b/src/features/quickSwitch/Component.js
index d5cb9179f..75587cc1d 100644
--- a/src/features/quickSwitch/Component.js
+++ b/src/features/quickSwitch/Component.js
@@ -99,8 +99,6 @@ class QuickSwitchModal extends Component {
 
   ARROW_UP = 38;
 
-  SHIFT = 16;
-
   ENTER = 13;
 
   TAB = 9;
diff --git a/src/features/workspaces/components/WorkspacesDashboard.js b/src/features/workspaces/components/WorkspacesDashboard.js
index d41536f31..1087580b1 100644
--- a/src/features/workspaces/components/WorkspacesDashboard.js
+++ b/src/features/workspaces/components/WorkspacesDashboard.js
@@ -1,3 +1,4 @@
+/* eslint-disable react/jsx-no-useless-fragment */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { observer, PropTypes as MobxPropTypes, inject } from 'mobx-react';
diff --git a/src/helpers/async-helpers.ts b/src/helpers/async-helpers.ts
index 6b1f24b5a..56051b065 100644
--- a/src/helpers/async-helpers.ts
+++ b/src/helpers/async-helpers.ts
@@ -1,3 +1,4 @@
 export function sleep(ms: number = 0) {
+  // eslint-disable-next-line no-promise-executor-return
   return new Promise(r => setTimeout(r, ms));
 }
diff --git a/src/helpers/recipe-helpers.ts b/src/helpers/recipe-helpers.ts
index d482dffab..93c107cc5 100644
--- a/src/helpers/recipe-helpers.ts
+++ b/src/helpers/recipe-helpers.ts
@@ -1,3 +1,4 @@
+/* eslint-disable import/no-import-module-exports */
 /* eslint-disable global-require */
 import { parse } from 'path';
 import { userDataRecipesPath } from '../environment-remote';
diff --git a/src/i18n/translations.ts b/src/i18n/translations.ts
index 9a7dc7453..cc5ecf83a 100644
--- a/src/i18n/translations.ts
+++ b/src/i18n/translations.ts
@@ -1,3 +1,4 @@
+/* eslint-disable import/no-import-module-exports */
 /* eslint-disable global-require */
 import { APP_LOCALES } from './languages';
 
diff --git a/src/internal-server/database/factory.js b/src/internal-server/database/factory.js
index 8534fc20a..8cd45a80d 100644
--- a/src/internal-server/database/factory.js
+++ b/src/internal-server/database/factory.js
@@ -1,3 +1,4 @@
+/* eslint-disable unicorn/no-empty-file */
 /*
 |--------------------------------------------------------------------------
 | Factory
diff --git a/src/themes/legacy/index.ts b/src/themes/legacy/index.ts
index c6105a4e2..ca3216e7f 100644
--- a/src/themes/legacy/index.ts
+++ b/src/themes/legacy/index.ts
@@ -1,7 +1,6 @@
-import { DEFAULT_ACCENT_COLOR } from '../../config';
-
 /* legacy config, injected into sass */
-export const themeBrandPrimary = DEFAULT_ACCENT_COLOR;
+export { DEFAULT_ACCENT_COLOR as themeBrandPrimary } from '../../config';
+
 export const themeBrandSuccess = '#5cb85c';
 export const themeBrandInfo = '#5bc0de';
 export const themeBrandWarning = '#FF9F00';