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() { Cut - - - setSelectionCoords([])}>Clear Selection ); 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 ( + + Select + + setSelectionCoords([])}>Clear + + + ); +} + +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() { +