feat: Bind close button

jimbob88 · Jun 4, 2024 · 947a185 · 947a185
1 parent 80546fd
commit 947a185
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 1 deletion.
diff --git a/main/background.ts b/main/background.ts
@@ -58,3 +58,7 @@ ipcMain.handle(
     throw new Error("Unsupported file format!");
   },
 );
+
+ipcMain.handle("close", async (event: Electron.IpcMainEvent) => {
+  app.quit();
+});
diff --git a/main/preload.ts b/main/preload.ts
@@ -22,4 +22,5 @@ export type IpcHandler = typeof handler;
 contextBridge.exposeInMainWorld("electron", {
   readFile: (filePath: string) =>
     ipcRenderer.invoke("read-excel-file", filePath),
+  close: () => ipcRenderer.invoke("close"),
 });
diff --git a/renderer/pages/layouts/layout.tsx b/renderer/pages/layouts/layout.tsx
@@ -4,6 +4,12 @@ import logo from "../../../resources/icon.svg";
 
 export default function Layout(props: PropsWithChildren) {
   const { children } = props;
+
+  const close = () => {
+    console.log("Gonna Close!");
+    window.electron.close();
+  };
+
   return (
     <div className="flex flex-col h-full rounded-lg">
       <header className="shadow-md">
@@ -20,7 +26,11 @@ export default function Layout(props: PropsWithChildren) {
               </span>
             </span>
             <span className="flex items-center">
-              <button className="w-6 h-6 text-gray-800 dark:text-white">
+              <button
+                id="close-button"
+                className="w-6 h-6 text-gray-800 dark:text-white"
+                onClick={close}
+              >
                 <svg
                   className="w-6 h-6 text-gray-800 dark:text-white"
                   aria-hidden="true"

diff --git a/renderer/styles/globals.css b/renderer/styles/globals.css
@@ -23,4 +23,8 @@
     -webkit-app-region: drag;
     user-select: none;
   }
+
+  #close-button {
+    -webkit-app-region: no-drag;
+  }
 }