From f0e518d3c8a9e783e7c9a031415de921b786f2c2 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Fri, 22 Sep 2023 18:04:15 -0700
Subject: [PATCH] Add quit button to menu (#184)

---
 .../features/titlebar/components/app-menu.tsx       | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/renderer/features/titlebar/components/app-menu.tsx b/src/renderer/features/titlebar/components/app-menu.tsx
index f153e86f..de845bf0 100644
--- 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>
                 </>
             )}
         </>