Add search shortcut support

Signed-off-by: Marco Ambrosini <marcoambrosini@pm.me>

Author: marcoambrosini

src/App.vue

@@ -20,7 +20,11 @@
 -->
 
 <template>
-	<Content :class="{ 'icon-loading': loading, 'in-call': isInCall }" app-name="Talk">
+	<Content
+		v-shortkey="['ctrl', 'f']"
+		:class="{ 'icon-loading': loading, 'in-call': isInCall }"
+		app-name="Talk"
+		@shortkey.native="handleAppSearch">
 		<LeftSidebar v-if="getUserId && !isFullscreen" />
 		<AppContent>
 			<router-view />
@@ -380,6 +384,10 @@ export default {
 				this.$store.dispatch('hideSidebar')
 			}
 		},
+		// Upon pressing ctrl+f, focus the search box in the left sidebar
+		handleAppSearch() {
+			document.querySelector('.conversations-search')[0].focus()
+		},
 	},
 }
 </script>

src/components/LeftSidebar/LeftSidebar.vue

@@ -24,6 +24,7 @@
 		<div class="new-conversation">
 			<SearchBox
 				v-model="searchText"
+				class="conversations-search"
 				:is-searching="isSearching"
 				@input="debounceFetchSearchResults"
 				@abort-search="abortSearch" />