Add quit button to menu (#184)

jeffvli · Sep 23, 2023 · f0e518d · f0e518d
1 parent 47dc83f
commit f0e518d
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/src/renderer/features/titlebar/components/app-menu.tsx b/src/renderer/features/titlebar/components/app-menu.tsx
@@ -13,6 +13,7 @@ import {
     RiServerLine,
     RiGithubLine,
     RiExternalLinkLine,
+    RiCloseCircleLine,
 } from 'react-icons/ri';
 import { useNavigate } from 'react-router';
 import { Link } from 'react-router-dom';
@@ -89,7 +90,9 @@ export const AppMenu = () => {
         setSideBar({ collapsed: false });
     };
 
-    const showBrowserDevToolsButton = isElectron();
+    const handleQuit = () => {
+        browser?.exit();
+    };
 
     return (
         <>
@@ -174,7 +177,7 @@ export const AppMenu = () => {
             >
                 Version {packageJson.version}
             </DropdownMenu.Item>
-            {showBrowserDevToolsButton && (
+            {isElectron() && (
                 <>
                     <DropdownMenu.Divider />
                     <DropdownMenu.Item
@@ -183,6 +186,12 @@ export const AppMenu = () => {
                     >
                         Open browser devtools
                     </DropdownMenu.Item>
+                    <DropdownMenu.Item
+                        icon={<RiCloseCircleLine />}
+                        onClick={handleQuit}
+                    >
+                        Quit
+                    </DropdownMenu.Item>
                 </>
             )}
         </>