From fdabe89dd5c19c9058672404f8991811b3a4ba8d Mon Sep 17 00:00:00 2001
From: trafficlunar <hello@trafficlunar.net>
Date: Sat, 18 Jan 2025 23:09:32 +0000
Subject: [PATCH] feat: add blockmatic icon and color to menubar

---
 src/components/canvas/Canvas.tsx |  2 +-
 src/components/menubar/index.tsx | 10 ++++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/canvas/Canvas.tsx b/src/components/canvas/Canvas.tsx
index c5e4b08..50a793b 100644
--- a/src/components/canvas/Canvas.tsx
+++ b/src/components/canvas/Canvas.tsx
@@ -266,7 +266,7 @@ function Canvas() {
 				onToolUse();
 			}
 		},
-		[dragging, coords, scale, tool, mouseCoords, onToolUse, setCoords, setSelectionCoords]
+		[dragging, coords, scale, tool, mouseCoords, onToolUse, setCoords, setSelectionCoords, radius]
 	);
 
 	const onMouseDown = useCallback(() => {
diff --git a/src/components/menubar/index.tsx b/src/components/menubar/index.tsx
index 9723d1c..6ac049f 100644
--- a/src/components/menubar/index.tsx
+++ b/src/components/menubar/index.tsx
@@ -11,7 +11,8 @@ import EditMenu from "./EditMenu";
 import ViewMenu from "./ViewMenu";
 import MoreMenu from "./MoreMenu";
 
-import BlockmaticText from "@/assets/blockmatic-text.svg?react";
+import BlockmaticIcon from "@/assets/blockmatic-icon-colored.svg?react";
+import BlockmaticText from "@/assets/blockmatic-text-colored.svg?react";
 import GithubIcon from "@/assets/github.svg?react";
 
 function Menubar() {
@@ -20,8 +21,9 @@ function Menubar() {
 	return (
 		<DialogProvider>
 			<UIMenubar className="rounded-none border-t-0 border-x-0 col-span-3">
-				<Link to={{ pathname: "/" }} className="px-4 w-32">
-					<BlockmaticText className="h-full w-full" fill={isDark ? "white" : "black"} />
+				<Link to={{ pathname: "/" }} className="px-4 w-40 flex gap-2 items-center">
+					<BlockmaticIcon className="h-full w-8" />
+					<BlockmaticText className="h-full w-full" />
 				</Link>
 
 				<FileMenu />
@@ -29,7 +31,7 @@ function Menubar() {
 				<ViewMenu />
 				<MoreMenu />
 
-				<a href="https://github.com/trafficlunar/blockmatic" className="w-5 absolute right-2">
+				<a href="https://github.com/trafficlunar/blockmatic" className="w-6 absolute right-2">
 					<GithubIcon fill={isDark ? "white" : "black"} />
 				</a>
 			</UIMenubar>