Merge pull request #33 from low-earth-orbit/deleteShortcut

Delete shortcut (close #29)
low-earth-orbit · Sep 1, 2024 · f8d54ef · f8d54ef
2 parents 8849d23 + c49756f
commit f8d54ef
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/components/Canvas.tsx b/components/Canvas.tsx
@@ -87,6 +87,23 @@ export default function Canvas() {
     localStorage.setItem("canvasState", JSON.stringify(canvasObjects));
   }, [canvasObjects]);
 
+  // keyboard shortcut
+  useEffect(() => {
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (event.key === "Delete" || event.key === "Backspace") {
+        handleDelete();
+      }
+    };
+
+    // Add event listener for keydown
+    document.addEventListener("keydown", handleKeyDown);
+
+    // Clean up event listener on component unmount
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [selectedObjectId, canvasObjects, handleDelete]);
+
   function updateStyle(property: keyof CanvasObjectType, value: any) {
     // Dynamically update state
     if (property === "strokeWidth") {