chore: Add support for additional delete hotkey (#476)

onlook-dev · Oct 8, 2024 · 1092265 · 1092265
1 parent 0f5aef1
commit 1092265
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/app/common/hotkeys.ts b/app/common/hotkeys.ts
@@ -9,7 +9,8 @@ export class Hotkey {
  static readonly INTERACT = new Hotkey('i', 'Interact');
  static readonly INSERT_DIV = new Hotkey('r', 'Insert Div');
  static readonly INSERT_TEXT = new Hotkey('t', 'Insert Text');
- static readonly DELETE = new Hotkey('backspace', 'Delete Div');
+ static readonly BACKSPACE = new Hotkey('backspace', 'Delete Div');
+ static readonly DELETE = new Hotkey('delete', 'Delete Div');
 
  // private to disallow creating other instances of this type
  private constructor(

diff --git a/app/src/routes/editor/Canvas/HotkeysArea.tsx b/app/src/routes/editor/Canvas/HotkeysArea.tsx
@@ -37,7 +37,9 @@ const HotkeysArea = ({ children, scale, setScale }: HotkeysAreaProps) => {
  useHotkeys(Hotkey.UNDO.command, () => editorEngine.action.undo());
  useHotkeys(Hotkey.REDO.command, () => editorEngine.action.redo());
  useHotkeys('enter', () => editorEngine.textEditSelectedElement());
- useHotkeys(Hotkey.DELETE.command, () => editorEngine.deleteSelectedElement());
+ useHotkeys([Hotkey.BACKSPACE.command, Hotkey.DELETE.command], () =>
+ editorEngine.deleteSelectedElement(),
+ );
 
  return <>{children}</>;
 };