From 62170293e96224be810cc7b5e18c7106d2008c40 Mon Sep 17 00:00:00 2001
From: EnixCoda <enixcoda@gmail.com>
Date: Thu, 21 Feb 2019 11:43:34 +0800
Subject: [PATCH] feat: allow clear shortcut

---
 src/components/SettingsBar.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/SettingsBar.tsx b/src/components/SettingsBar.tsx
index 6d37700..ea1d147 100644
--- a/src/components/SettingsBar.tsx
+++ b/src/components/SettingsBar.tsx
@@ -144,7 +144,8 @@ export default class SettingsBar extends React.PureComponent<Props, State> {
 
   onShortCutInputKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
     e.preventDefault()
-    const shortcut = keyHelper.parseEvent(e)
+    // Clear shortcut with backspace
+    const shortcut = e.key === 'Backspace' ? '' : keyHelper.parseEvent(e)
     this.setState({ toggleShowSideBarShortcut: shortcut })
   }