trafficlunar/blockmatic
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: center canvas button in view menu

Browse source
This commit is contained in:
trafficlunar 2025-01-25 23:15:45 +00:00
parent e22d51947a
commit 6883267b95
1 changed files with 3 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/components/menubar/ViewMenu.tsx
View file

@ -1,10 +1,12 @@
import { useContext } from "react"; import { useContext } from "react";
import { MenubarCheckboxItem, MenubarContent, MenubarItem, MenubarMenu, MenubarSeparator, MenubarTrigger } from "@/components/ui/menubar"; import { MenubarCheckboxItem, MenubarContent, MenubarItem, MenubarMenu, MenubarSeparator, MenubarTrigger } from "@/components/ui/menubar";
import { CanvasContext } from "@/context/Canvas";
import { DialogContext } from "@/context/Dialog"; import { DialogContext } from "@/context/Dialog";
import { SettingsContext } from "@/context/Settings"; import { SettingsContext } from "@/context/Settings";
function ViewMenu() { function ViewMenu() {
const { centerCanvas } = useContext(CanvasContext);
const openDialog = useContext(DialogContext); const openDialog = useContext(DialogContext);
const { settings, setSetting } = useContext(SettingsContext); const { settings, setSetting } = useContext(SettingsContext);
@ -17,6 +19,7 @@ function ViewMenu() {
<MenubarTrigger>View</MenubarTrigger> <MenubarTrigger>View</MenubarTrigger>
<MenubarContent> <MenubarContent>
<MenubarItem onClick={() => openDialog("SetScale")}>Set Scale</MenubarItem> <MenubarItem onClick={() => openDialog("SetScale")}>Set Scale</MenubarItem>
<MenubarItem onClick={centerCanvas}>Center Canvas</MenubarItem>
<MenubarSeparator /> <MenubarSeparator />
<MenubarCheckboxItem checked={settings.grid} onCheckedChange={onCheckedChange("grid")}> <MenubarCheckboxItem checked={settings.grid} onCheckedChange={onCheckedChange("grid")}>
Grid Grid