add: basic shortcuts

decentraland · Oct 25, 2023 · 651e4bc · 651e4bc
1 parent 72d5c53
commit 651e4bc
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 4 deletions.
diff --git a/packages/@dcl/inspector/package-lock.json b/packages/@dcl/inspector/package-lock.json
diff --git a/packages/@dcl/inspector/package.json b/packages/@dcl/inspector/package.json
@@ -2,7 +2,8 @@
   "name": "@dcl/inspector",
   "version": "0.1.0",
   "dependencies": {
-    "@dcl/asset-packs": "^1.2.5"
+    "@dcl/asset-packs": "^1.2.5",
+    "react-hotkeys-hook": "^4.4.1"
   },
   "devDependencies": {
     "@babylonjs/core": "^6.18.0",

diff --git a/packages/@dcl/inspector/src/components/Toolbar/Toolbar.tsx b/packages/@dcl/inspector/src/components/Toolbar/Toolbar.tsx
@@ -1,6 +1,7 @@
 import { useCallback } from 'react'
 import { BiUndo, BiRedo, BiSave, BiBadgeCheck } from 'react-icons/bi'
 import { RiListSettingsLine } from 'react-icons/ri'
+import { useHotkeys } from 'react-hotkeys-hook'
 
 import { withSdk } from '../../hoc/withSdk'
 import { Gizmos } from './Gizmos'
@@ -29,6 +30,10 @@ const Toolbar = withSdk(({ sdk }) => {
   const handleUndo = useCallback(() => dispatch(undo()), [])
   const handleRedo = useCallback(() => dispatch(redo()), [])
 
+  useHotkeys('mod+s', handleSaveClick, { preventDefault: true }, [])
+  useHotkeys('mod+z', handleUndo, { preventDefault: true }, [])
+  useHotkeys('mod+y', handleRedo, { preventDefault: true }, [])
+
   return (
     <div className="Toolbar">
       <ToolbarButton