From 27dc92ccffb43764fb40c7aa7fc7ab7755c888ec Mon Sep 17 00:00:00 2001
From: trafficlunar <hello@trafficlunar.net>
Date: Fri, 31 Jan 2025 14:17:35 +0000
Subject: [PATCH] refactor: move clear selection button to new select menu

---
 src/components/menubar/EditMenu.tsx   |  3 ---
 src/components/menubar/SelectMenu.tsx | 24 ++++++++++++++++++++++++
 src/components/menubar/index.tsx      |  2 ++
 3 files changed, 26 insertions(+), 3 deletions(-)
 create mode 100644 src/components/menubar/SelectMenu.tsx

diff --git a/src/components/menubar/EditMenu.tsx b/src/components/menubar/EditMenu.tsx
index 76e50f2..db0d16b 100644
--- a/src/components/menubar/EditMenu.tsx
+++ b/src/components/menubar/EditMenu.tsx
@@ -42,9 +42,6 @@ function EditMenu() {
 				<MenubarSeparator />
 
 				<MenubarItem onClick={cut}>Cut</MenubarItem>
-
-				<MenubarSeparator />
-				<MenubarItem onClick={() => setSelectionCoords([])}>Clear Selection</MenubarItem>
 			</MenubarContent>
 		</MenubarMenu>
 	);
diff --git a/src/components/menubar/SelectMenu.tsx b/src/components/menubar/SelectMenu.tsx
new file mode 100644
index 0000000..aeacbb8
--- /dev/null
+++ b/src/components/menubar/SelectMenu.tsx
@@ -0,0 +1,24 @@
+import { useContext } from "react";
+
+import { SelectionContext } from "@/context/Selection";
+
+import { MenubarContent, MenubarItem, MenubarMenu, MenubarShortcut, MenubarTrigger } from "@/components/ui/menubar";
+import { CanvasContext } from "@/context/Canvas";
+
+import * as selection from "@/utils/selection";
+
+function SelectMenu() {
+	const { canvasSize } = useContext(CanvasContext);
+	const { coords: selectionCoords, setCoords: setSelectionCoords } = useContext(SelectionContext);
+
+	return (
+		<MenubarMenu>
+			<MenubarTrigger>Select</MenubarTrigger>
+			<MenubarContent>
+				<MenubarItem onClick={() => setSelectionCoords([])}>Clear</MenubarItem>
+			</MenubarContent>
+		</MenubarMenu>
+	);
+}
+
+export default SelectMenu;
diff --git a/src/components/menubar/index.tsx b/src/components/menubar/index.tsx
index 6ac049f..963d985 100644
--- a/src/components/menubar/index.tsx
+++ b/src/components/menubar/index.tsx
@@ -8,6 +8,7 @@ import { Menubar as UIMenubar } from "@/components/ui/menubar";
 
 import FileMenu from "./FileMenu";
 import EditMenu from "./EditMenu";
+import SelectMenu from "./SelectMenu";
 import ViewMenu from "./ViewMenu";
 import MoreMenu from "./MoreMenu";
 
@@ -28,6 +29,7 @@ function Menubar() {
 
 				<FileMenu />
 				<EditMenu />
+				<SelectMenu />
 				<ViewMenu />
 				<MoreMenu />