From f89fe702e9628ea09297a81c777a8a56e3df778c Mon Sep 17 00:00:00 2001
From: trafficlunar <trafficlunar@proton.me>
Date: Sat, 14 Dec 2024 20:11:51 +0000
Subject: [PATCH] fix: zooming on canvas setting cursor to corner of block

---
 src/components/Canvas.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Canvas.tsx b/src/components/Canvas.tsx
index 14a39c0..a07a3f7 100644
--- a/src/components/Canvas.tsx
+++ b/src/components/Canvas.tsx
@@ -125,11 +125,11 @@ function Canvas() {
 
 			setScale(newScale);
 			setCoords({
-				x: mousePosition.x - mouseCoords.x * 16 * newScale,
-				y: mousePosition.y - mouseCoords.y * 16 * newScale,
+				x: mousePosition.x - ((mousePosition.x - coords.x) / scale) * newScale,
+				y: mousePosition.y - ((mousePosition.y - coords.y) / scale) * newScale,
 			});
 		},
-		[scale, mouseCoords, mousePosition]
+		[scale, coords, mousePosition]
 	);
 
 	useEffect(() => {