feat: close theme editor if the theme was deleted

src/main/events/index.ts

@@ -83,6 +83,7 @@ import "./themes/open-editor-window";
 import "./themes/get-custom-theme-by-id";
 import "./themes/get-active-custom-theme";
 import "./themes/css-injector";
+import "./themes/close-editor-window";
 import { isPortableVersion } from "@main/helpers";
 
 ipcMain.handle("ping", () => "pong");

src/main/events/themes/close-editor-window.ts

@@ -0,0 +1,11 @@
+import { WindowManager } from "@main/services";
+import { registerEvent } from "../register-event";
+
+const closeEditorWindow = async (
+  _event: Electron.IpcMainInvokeEvent,
+  themeId?: string
+) => {
+  WindowManager.closeEditorWindow(themeId);
+};
+
+registerEvent("closeEditorWindow", closeEditorWindow);

src/main/services/window-manager.ts

@@ -255,6 +255,19 @@ export class WindowManager {
     }
   }
 
+  public static closeEditorWindow(themeId?: string) {
+    if (themeId) {
+      const editorWindow = this.editorWindows.get(themeId);
+      if (editorWindow) {
+        editorWindow.close();
+      }
+    } else {
+      this.editorWindows.forEach((editorWindow) => {
+        editorWindow.close();
+      });
+    }
+  }
+
   public static redirect(hash: string) {
     if (!this.mainWindow) this.createMainWindow();
     this.loadMainWindowURL(hash);

src/preload/index.ts

@@ -358,4 +358,6 @@ contextBridge.exposeInMainWorld("electron", {
     ipcRenderer.on("css-injected", listener);
     return () => ipcRenderer.removeListener("css-injected", listener);
   },
+  closeEditorWindow: (themeId?: string) =>
+    ipcRenderer.invoke("closeEditorWindow", themeId),
 });

src/renderer/src/declaration.d.ts

@@ -285,6 +285,7 @@ declare global {
     onCssInjected: (
       cb: (cssString: string) => void
     ) => () => Electron.IpcRenderer;
+    closeEditorWindow: (themeId?: string) => Promise<void>;
   }
 
   interface Window {

src/renderer/src/pages/settings/aparence/modals/delete-all-themes-modal.tsx

@@ -25,6 +25,7 @@ export const DeleteAllThemesModal = ({
     }
 
     await window.electron.deleteAllCustomThemes();
+    await window.electron.closeEditorWindow();
     onClose();
     onThemesDeleted();
   };

src/renderer/src/pages/settings/aparence/modals/delete-theme-modal.tsx

@@ -29,6 +29,7 @@ export const DeleteThemeModal = ({
     }
 
     await window.electron.deleteCustomTheme(themeId);
+    await window.electron.closeEditorWindow(themeId);
     onThemeDeleted();
   };