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

fix: change cursor to move when using move tool

Browse source
This commit is contained in:
trafficlunar 2025-01-22 20:24:40 +00:00
parent 065f8bcf59
commit ade77b7ce6
2 changed files with 7 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/components/canvas/Canvas.tsx
View file

@ -82,6 +82,7 @@ function Canvas() {
const updateCssCursor = useCallback(() => { const updateCssCursor = useCallback(() => {
const cursorMapping: Partial<Record<Tool, string>> = { const cursorMapping: Partial<Record<Tool, string>> = {
hand: dragging ? "grab" : "grabbing", hand: dragging ? "grab" : "grabbing",
move: "move",
zoom: holdingAltRef.current ? "zoom-out" : "zoom-in", zoom: holdingAltRef.current ? "zoom-out" : "zoom-in",
}; };

17
src/context/Tool.tsx
View file

@ -27,18 +27,13 @@ export const ToolProvider = ({ children }: Props) => {
const [cssCursor, setCssCursor] = useState("crosshair"); const [cssCursor, setCssCursor] = useState("crosshair");
useEffect(() => { useEffect(() => {
switch (tool) { const cursorMapping: Partial<Record<Tool, string>> = {
case "hand": hand: "grab",
setCssCursor("grab"); move: "move",
break; zoom: "zoom-in",
case "zoom": };
setCssCursor("zoom-in");
break;
default: setCssCursor(cursorMapping[tool] || "crosshair");
setCssCursor("crosshair");
break;
}
}, [tool]); }, [tool]);
return ( return (