From cc48e5742ad8444cdea59746080a1515fd0a7806 Mon Sep 17 00:00:00 2001
From: mozzie <himozzie@foxmail.com>
Date: Tue, 6 Aug 2024 22:20:47 +0800
Subject: [PATCH] feat: menubar

---
 src/pages/Layout.tsx  |   8 +++-
 src/pages/MenuBar.tsx | 108 ++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 114 insertions(+), 2 deletions(-)
 create mode 100644 src/pages/MenuBar.tsx

diff --git a/src/pages/Layout.tsx b/src/pages/Layout.tsx
index eb5f973..a85f17c 100644
--- a/src/pages/Layout.tsx
+++ b/src/pages/Layout.tsx
@@ -1,17 +1,21 @@
 import { Outlet, Link } from "react-router-dom";
 import { GoFileDirectory } from "react-icons/go";
+import { MenuBar } from './MenuBar'
+
 const LayoutMain = () => {
   const platform =
     document.querySelector("html")?.getAttribute("platform") ?? "macos";
+
+    
   const titleBarStyles =
     platform === "macos" ? "pl-[5rem] pr-[.5rem]" : "pr-[10rem]";
   return (
     <div className="h-full">
       <div className={`title-bar drag h-[36px] flex`}>
         <div
-          className={`flex-1 flex items-center justify-center ${titleBarStyles}`}
+          className={`flex-1 flex no-drag items-center justify-between ${titleBarStyles}`}
         >
-          Cvpilot
+          <MenuBar />
         </div>
       </div>
       <div className="relative h-[calc(100%-36px)] border-t">
diff --git a/src/pages/MenuBar.tsx b/src/pages/MenuBar.tsx
new file mode 100644
index 0000000..b022fa5
--- /dev/null
+++ b/src/pages/MenuBar.tsx
@@ -0,0 +1,108 @@
+import {
+    Menubar,
+    MenubarCheckboxItem,
+    MenubarContent,
+    MenubarItem,
+    MenubarMenu,
+    MenubarRadioGroup,
+    MenubarRadioItem,
+    MenubarSeparator,
+    MenubarShortcut,
+    MenubarSub,
+    MenubarSubContent,
+    MenubarSubTrigger,
+    MenubarTrigger,
+} from "@/components/ui/menubar"
+
+export const MenuBar = () => {
+    return (
+        <Menubar>
+            <MenubarMenu>
+                <MenubarTrigger>File</MenubarTrigger>
+                <MenubarContent>
+                    <MenubarItem>
+                        New Tab <MenubarShortcut>⌘T</MenubarShortcut>
+                    </MenubarItem>
+                    <MenubarItem>
+                        New Window <MenubarShortcut>⌘N</MenubarShortcut>
+                    </MenubarItem>
+                    <MenubarItem disabled>New Incognito Window</MenubarItem>
+                    <MenubarSeparator />
+                    <MenubarSub>
+                        <MenubarSubTrigger>Share</MenubarSubTrigger>
+                        <MenubarSubContent>
+                            <MenubarItem>Email link</MenubarItem>
+                            <MenubarItem>Messages</MenubarItem>
+                            <MenubarItem>Notes</MenubarItem>
+                        </MenubarSubContent>
+                    </MenubarSub>
+                    <MenubarSeparator />
+                    <MenubarItem>
+                        Print... <MenubarShortcut>⌘P</MenubarShortcut>
+                    </MenubarItem>
+                </MenubarContent>
+            </MenubarMenu>
+            <MenubarMenu>
+                <MenubarTrigger>Edit</MenubarTrigger>
+                <MenubarContent>
+                    <MenubarItem>
+                        Undo <MenubarShortcut>⌘Z</MenubarShortcut>
+                    </MenubarItem>
+                    <MenubarItem>
+                        Redo <MenubarShortcut>⇧⌘Z</MenubarShortcut>
+                    </MenubarItem>
+                    <MenubarSeparator />
+                    <MenubarSub>
+                        <MenubarSubTrigger>Find</MenubarSubTrigger>
+                        <MenubarSubContent>
+                            <MenubarItem>Search the web</MenubarItem>
+                            <MenubarSeparator />
+                            <MenubarItem>Find...</MenubarItem>
+                            <MenubarItem>Find Next</MenubarItem>
+                            <MenubarItem>Find Previous</MenubarItem>
+                        </MenubarSubContent>
+                    </MenubarSub>
+                    <MenubarSeparator />
+                    <MenubarItem>Cut</MenubarItem>
+                    <MenubarItem>Copy</MenubarItem>
+                    <MenubarItem>Paste</MenubarItem>
+                </MenubarContent>
+            </MenubarMenu>
+            <MenubarMenu>
+                <MenubarTrigger>View</MenubarTrigger>
+                <MenubarContent>
+                    <MenubarCheckboxItem>Always Show Bookmarks Bar</MenubarCheckboxItem>
+                    <MenubarCheckboxItem checked>
+                        Always Show Full URLs
+                    </MenubarCheckboxItem>
+                    <MenubarSeparator />
+                    <MenubarItem inset>
+                        Reload <MenubarShortcut>⌘R</MenubarShortcut>
+                    </MenubarItem>
+                    <MenubarItem disabled inset>
+                        Force Reload <MenubarShortcut>⇧⌘R</MenubarShortcut>
+                    </MenubarItem>
+                    <MenubarSeparator />
+                    <MenubarItem inset>Toggle Fullscreen</MenubarItem>
+                    <MenubarSeparator />
+                    <MenubarItem inset>Hide Sidebar</MenubarItem>
+                </MenubarContent>
+            </MenubarMenu>
+            <MenubarMenu>
+                <MenubarTrigger>Profiles</MenubarTrigger>
+                <MenubarContent>
+                    <MenubarRadioGroup value="benoit">
+                        <MenubarRadioItem value="andy">Andy</MenubarRadioItem>
+                        <MenubarRadioItem value="benoit">Benoit</MenubarRadioItem>
+                        <MenubarRadioItem value="Luis">Luis</MenubarRadioItem>
+                    </MenubarRadioGroup>
+                    <MenubarSeparator />
+                    <MenubarItem inset>Edit...</MenubarItem>
+                    <MenubarSeparator />
+                    <MenubarItem inset>Add Profile...</MenubarItem>
+                </MenubarContent>
+            </MenubarMenu>
+        </Menubar>
+    )
+
+}
\ No newline at end of file