Fix a bunch of ESlint errors

.eslintrc.js

@@ -8,6 +8,7 @@ module.exports = {
     'react/jsx-no-bind': 'off',
     'promise/param-names': 'off',
     'no-async-promise-executor': 'off',
+    'import/prefer-default-export': 'off',
     'import/no-restricted-paths': [
       'error',
       {

src/main/ipc.ts

@@ -8,7 +8,7 @@ import spawnListSellersCommand from './cli/commands/listSellersCommand';
 import { getCliLogFile } from './cli/dirs';
 import { spawnTor, stopTor } from './tor';
 import logger from '../utils/logger';
-import { mainWindow } from './main';
+import { getMainWindow } from './main';
 
 export default function registerIpcHandlers() {
   ipcMain.handle('stop-cli', stopCli);
@@ -53,6 +53,7 @@ export function sendSnackbarAlertToRenderer(
       { message, variant, autoHideDuration, key },
       'Attempting to send snackbar alert to renderer'
     );
+    const mainWindow = getMainWindow();
     if (mainWindow) {
       if (
         mainWindow.webContents.isDestroyed() ||

src/main/main.ts

@@ -27,7 +27,11 @@ import initAutoUpdater from './updater';
 import initStats from './stats';
 import registerIpcHandlers from './ipc';
 
-export let mainWindow: BrowserWindow | null = null;
+let mainWindow: BrowserWindow | null = null;
+
+export function getMainWindow() {
+  return mainWindow;
+}
 
 async function installExtensions() {
   const installer = require('electron-devtools-installer');

src/renderer/components/IpcInvokeButton.tsx

@@ -85,3 +85,9 @@ export default function IpcInvokeButton({
     />
   );
 }
+
+IpcInvokeButton.defaultProps = {
+  isLoadingOverride: false,
+  isIconButton: false,
+  loadIcon: null,
+};

src/renderer/components/pages/swap/SwapWidget.tsx

@@ -195,31 +195,31 @@ function HasNoProvidersSwapWidget() {
   const classes = useStyles();
 
   const alertBox = isPublicRegistryDown ? (
-      <Alert severity="info">
-        <Box className={classes.noProvidersAlertOuter}>
-          <Typography>
-            Currently, the public registry of providers seems to be unreachable.
-            Here's what you can do:
-            <ul>
-              <li>
-                Try discovering a provider by connecting to a rendezvous point
-              </li>
-              <li>
-                Try again later when the public registry may be reachable again
-              </li>
-            </ul>
-          </Typography>
-          <Box>
-            <ListSellersDialogOpenButton />
-          </Box>
+    <Alert severity="info">
+      <Box className={classes.noProvidersAlertOuter}>
+        <Typography>
+          Currently, the public registry of providers seems to be unreachable.
+          Here&apos;s what you can do:
+          <ul>
+            <li>
+              Try discovering a provider by connecting to a rendezvous point
+            </li>
+            <li>
+              Try again later when the public registry may be reachable again
+            </li>
+          </ul>
+        </Typography>
+        <Box>
+          <ListSellersDialogOpenButton />
         </Box>
-      </Alert>
+      </Box>
+    </Alert>
   ) : (
     <Alert severity="info">
       <Box className={classes.noProvidersAlertOuter}>
         <Typography>
           Currently, there are no providers (trading partners) available in the
-          official registry. Here's what you can do:
+          official registry. Here&apos;s what you can do:
           <ul>
             <li>
               Try discovering a provider by connecting to a rendezvous point

src/renderer/components/snackbar/GlobalSnackbarProvider.tsx

@@ -1,5 +1,6 @@
 import {
   MaterialDesignContent,
+  SnackbarKey,
   SnackbarProvider,
   useSnackbar,
 } from 'notistack';
@@ -15,22 +16,24 @@ const StyledMaterialDesignContent = styled(MaterialDesignContent)(() => ({
   },
 }));
 
+function CloseSnackbarButton({ snackbarId }: { snackbarId: SnackbarKey }) {
+  const { closeSnackbar } = useSnackbar();
+
+  return (
+    <IconButton onClick={() => closeSnackbar(snackbarId)}>
+      <Close />
+    </IconButton>
+  );
+}
+
 export default function GlobalSnackbarManager({
   children,
 }: {
   children: ReactNode;
 }) {
   return (
     <SnackbarProvider
-      action={(snackbarId) => {
-        const { closeSnackbar } = useSnackbar();
-
-        return (
-          <IconButton onClick={() => closeSnackbar(snackbarId)}>
-            <Close />
-          </IconButton>
-        );
-      }}
+      action={(snackbarId) => <CloseSnackbarButton snackbarId={snackbarId} />}
       Components={{
         success: StyledMaterialDesignContent,
         error: StyledMaterialDesignContent,