feat: add reload and reset menu options

Icon-Shelf · Nov 9, 2021 · 348a982 · 348a982
1 parent 6ae8661
commit 348a982
Show file tree

Hide file tree

Showing 3 changed files with 45 additions and 52 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -3,6 +3,7 @@ import { QueryClient, QueryClientProvider } from 'react-query';
 import { DefaultIconsRedirect } from 'components/modules/IconsHome/DefaultIconsRedirect';
 import { QueryParamProvider } from 'use-query-params';
 import { UpdateChecker } from 'components/modules/UpdateChecker';
+import { setupGlobalListeners } from 'data/globalListeners';
 import IconsHome from './components/modules/IconsHome';
 import { Layout } from './components/ui/layout/index';
 
@@ -19,6 +20,8 @@ const queryClient = new QueryClient({
   },
 });
 
+setupGlobalListeners();
+
 export default function App() {
   return (
     <Router>

diff --git a/src/data/globalListeners/index.ts b/src/data/globalListeners/index.ts
@@ -0,0 +1,10 @@
+import { db } from 'data/db';
+import { ipcRenderer } from 'electron';
+
+export const setupGlobalListeners = () => {
+  ipcRenderer.on('reset-app-clear-data', async () => {
+    await Promise.all([db.icons.clear(), db.collections.clear()]);
+    localStorage.clear();
+    window.location.reload();
+  });
+};
diff --git a/src/menu.ts b/src/menu.ts
@@ -43,14 +43,19 @@ export default class MenuBuilder {
 
   buildDarwinTemplate(): MenuItemConstructorOptions[] {
     const subMenuAbout: DarwinMenuItemConstructorOptions = {
-      label: 'Electron',
+      label: 'Icon Shelf',
       submenu: [
         {
           label: 'About IconShelf',
           selector: 'orderFrontStandardAboutPanel:',
         },
         { type: 'separator' },
-        { label: 'Services', submenu: [] },
+        {
+          label: 'Reset App and Clear Local Data',
+          click: () => {
+            this.mainWindow.webContents.send('reset-app-clear-data');
+          },
+        },
         { type: 'separator' },
         {
           label: 'Hide IconShelf',
@@ -115,18 +120,7 @@ export default class MenuBuilder {
         },
       ],
     };
-    const subMenuViewProd: MenuItemConstructorOptions = {
-      label: 'View',
-      submenu: [
-        {
-          label: 'Toggle Full Screen',
-          accelerator: 'Ctrl+Command+F',
-          click: () => {
-            this.mainWindow.setFullScreen(!this.mainWindow.isFullScreen());
-          },
-        },
-      ],
-    };
+
     const subMenuWindow: DarwinMenuItemConstructorOptions = {
       label: 'Window',
       submenu: [
@@ -170,10 +164,7 @@ export default class MenuBuilder {
       ],
     };
 
-    const subMenuView =
-      process.env.NODE_ENV === 'development' || process.env.DEBUG_PROD === 'true'
-        ? subMenuViewDev
-        : subMenuViewProd;
+    const subMenuView = subMenuViewDev;
 
     return [subMenuAbout, subMenuEdit, subMenuView, subMenuWindow, subMenuHelp];
   }
@@ -198,40 +189,29 @@ export default class MenuBuilder {
       },
       {
         label: '&View',
-        submenu:
-          process.env.NODE_ENV === 'development' || process.env.DEBUG_PROD === 'true'
-            ? [
-                {
-                  label: '&Reload',
-                  accelerator: 'Ctrl+R',
-                  click: () => {
-                    this.mainWindow.webContents.reload();
-                  },
-                },
-                {
-                  label: 'Toggle &Full Screen',
-                  accelerator: 'F11',
-                  click: () => {
-                    this.mainWindow.setFullScreen(!this.mainWindow.isFullScreen());
-                  },
-                },
-                {
-                  label: 'Toggle &Developer Tools',
-                  accelerator: 'Alt+Ctrl+I',
-                  click: () => {
-                    this.mainWindow.webContents.toggleDevTools();
-                  },
-                },
-              ]
-            : [
-                {
-                  label: 'Toggle &Full Screen',
-                  accelerator: 'F11',
-                  click: () => {
-                    this.mainWindow.setFullScreen(!this.mainWindow.isFullScreen());
-                  },
-                },
-              ],
+        submenu: [
+          {
+            label: '&Reload',
+            accelerator: 'Ctrl+R',
+            click: () => {
+              this.mainWindow.webContents.reload();
+            },
+          },
+          {
+            label: 'Toggle &Full Screen',
+            accelerator: 'F11',
+            click: () => {
+              this.mainWindow.setFullScreen(!this.mainWindow.isFullScreen());
+            },
+          },
+          {
+            label: 'Toggle &Developer Tools',
+            accelerator: 'Alt+Ctrl+I',
+            click: () => {
+              this.mainWindow.webContents.toggleDevTools();
+            },
+          },
+        ],
       },
       {
         label: 'Help',