From e0bb92cce222a34b5581f7d78bd2bb0483c2640d Mon Sep 17 00:00:00 2001
From: styppo <mail@styp-rekowsky.de>
Date: Thu, 26 Jan 2023 22:24:35 +0000
Subject: [PATCH] * Fix clicks not registering for search results, closes #23 *
 Blur search box on escape press

---
 src/components/SearchBox/SearchBox.vue | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/components/SearchBox/SearchBox.vue b/src/components/SearchBox/SearchBox.vue
index dff08ae..0b27466 100644
--- a/src/components/SearchBox/SearchBox.vue
+++ b/src/components/SearchBox/SearchBox.vue
@@ -8,12 +8,14 @@
         <div class="searchbox-input">
           <q-form @submit.stop="search">
             <input
+              v-model="query"
+              ref="input"
               type="text"
               placeholder="Search profiles"
-              v-model="query"
               @focus="toggleFocus"
               @blur="toggleFocus"
               @keyup="search"
+              @keyup.esc="$refs.input.blur()"
             >
           </q-form>
         </div>
@@ -24,7 +26,14 @@
         <div v-if="!results.length" class="query-example">
           <b>npub…</b> or <b>[user]@domain</b> or <b>name</b>
         </div>
-        <UserCard v-for="pubkey in results" :key="pubkey" :pubkey="pubkey" class="searchbox-results-item" clickable />
+        <UserCard
+          v-for="pubkey in results"
+          :key="pubkey"
+          :pubkey="pubkey"
+          class="searchbox-results-item"
+          clickable
+          @mousedown="goToProfile(pubkey)"
+        />
       </div>
     </Transition>
   </div>
@@ -34,9 +43,11 @@
 import BaseIcon from 'components/BaseIcon'
 import SearchProvider from 'src/nostr/SearchProvider'
 import UserCard from 'components/User/UserCard.vue'
+import routerMixin from 'src/router/mixin'
 
 export default {
   name: 'SearchBox',
+  mixins: [routerMixin],
   components: {
     UserCard,
     BaseIcon,