From 62f017517d0ab0d923007b8dc6a193332f5d03ce Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Wed, 17 Aug 2022 14:47:20 +0100
Subject: [PATCH] Use either backspace or delete for deleting components

---
 .../_components/navigation/ComponentDropdownMenu.svelte     | 6 +++---
 .../_components/navigation/ComponentListPanel.svelte        | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/components/[componentId]/_components/navigation/ComponentDropdownMenu.svelte b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/components/[componentId]/_components/navigation/ComponentDropdownMenu.svelte
index f01d49f8e8..faa8b9d552 100644
--- a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/components/[componentId]/_components/navigation/ComponentDropdownMenu.svelte
+++ b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/components/[componentId]/_components/navigation/ComponentDropdownMenu.svelte
@@ -15,21 +15,21 @@
   </div>
   <MenuItem
     icon="Delete"
-    keyBind="Del"
+    keyBind="!BackAndroid"
     on:click={() => keyboardEvent("Delete")}
   >
     Delete
   </MenuItem>
   <MenuItem
     icon="ChevronUp"
-    keyBind="Ctrl+↑"
+    keyBind="Ctrl+!ArrowUp"
     on:click={() => keyboardEvent("ArrowUp", true)}
   >
     Move up
   </MenuItem>
   <MenuItem
     icon="ChevronDown"
-    keyBind="Ctrl+↓"
+    keyBind="Ctrl+!ArrowDown"
     on:click={() => keyboardEvent("ArrowDown", true)}
   >
     Move down
diff --git a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/components/[componentId]/_components/navigation/ComponentListPanel.svelte b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/components/[componentId]/_components/navigation/ComponentListPanel.svelte
index ec01c62907..0c292d1db4 100644
--- a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/components/[componentId]/_components/navigation/ComponentListPanel.svelte
+++ b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/components/[componentId]/_components/navigation/ComponentListPanel.svelte
@@ -113,7 +113,7 @@
           e.preventDefault()
           $goto("./new")
         }
-      } else if (e.key === "Delete") {
+      } else if (e.key === "Backspace" || e.key === "Delete") {
         // Don't show confirmation for the screen itself
         if (component._id === get(selectedScreen).props._id) {
           return