From 6883267b95dc40cb09477278522b3a3820230ae5 Mon Sep 17 00:00:00 2001
From: trafficlunar <hello@trafficlunar.net>
Date: Sat, 25 Jan 2025 23:15:45 +0000
Subject: [PATCH] feat: center canvas button in view menu

---
 src/components/menubar/ViewMenu.tsx | 3 +++
 1 file changed, 3 insertions(+)

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