From 23d7339be8304539cb2ee4c6cfa0bb7f798221bb Mon Sep 17 00:00:00 2001
From: Alicia Sykes <sykes.alicia@gmail.com>
Date: Mon, 19 Jul 2021 21:52:54 +0100
Subject: [PATCH] :sparkles: Handles the launching of items using custom hotkey

---
 src/components/Settings/SearchBar.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/Settings/SearchBar.vue b/src/components/Settings/SearchBar.vue
index 0083c21f..160edbc3 100644
--- a/src/components/Settings/SearchBar.vue
+++ b/src/components/Settings/SearchBar.vue
@@ -18,6 +18,7 @@
 <script>
 
 import ArrowKeyNavigation from '@/utils/ArrowKeyNavigation';
+import { getCustomKeyShortcuts } from '@/utils/ConfigHelpers';
 
 export default {
   name: 'FilterTile',
@@ -28,6 +29,7 @@ export default {
     return {
       input: '', // Users current search term
       akn: new ArrowKeyNavigation(), // Class that manages arrow key naviagtion
+      getCustomKeyShortcuts,
     };
   },
   mounted() {
@@ -38,8 +40,11 @@ export default {
       if (!this.active) return;
       if (/^[a-zA-Z]$/.test(key) && currentElem !== 'filter-tiles') {
         /* Letter key pressed - start searching */
-        this.$refs.filter.focus();
+        if (this.$refs.filter) this.$refs.filter.focus();
         this.userIsTypingSomething();
+      } else if (/^[0-9]$/.test(key)) {
+        /* Number key pressed, check if user has a custom binding */
+        this.handleHotKey(key);
       } else if (keyCode >= 37 && keyCode <= 40) {
       /* Arrow key pressed - start navigation */
         this.akn.arrowNavigation(keyCode);
@@ -61,6 +66,14 @@ export default {
       document.activeElement.blur(); // Remove focus
       this.akn.resetIndex(); // Reset current element index
     },
+    handleHotKey(key) {
+      const usersHotKeys = this.getCustomKeyShortcuts();
+      usersHotKeys.forEach((hotkey) => {
+        if (hotkey.hotkey === parseInt(key, 10)) {
+          if (hotkey.url) window.open(hotkey.url, '_blank');
+        }
+      });
+    },
   },
 };
 </script>