From 8a77df285b3867bf8d486dec561906f68e296621 Mon Sep 17 00:00:00 2001
From: Cindy Chang <cindy.chang@dsp.im>
Date: Wed, 3 Jul 2024 15:42:09 +0800
Subject: [PATCH] feature: keypress of search bar

---
 src/components/AccountMenu/SearchBar.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/AccountMenu/SearchBar.vue b/src/components/AccountMenu/SearchBar.vue
index 43a539f..86c16f8 100644
--- a/src/components/AccountMenu/SearchBar.vue
+++ b/src/components/AccountMenu/SearchBar.vue
@@ -2,7 +2,7 @@
     <div id="search_bar_container" class="flex w-[280px] h-8 px-4 items-center border-[#64748B] border-[1px] rounded-full 
         justify-between">
         <input id="input_search" class="w-full outline-0" :placeholder="i18next.t('AcctMgmt.Search')"
-            v-model="inputQuery"
+            v-model="inputQuery" @keypress="handleKeyPressOfSearch"
         />
         <img src="@/assets/icon-search.svg" class="w-[17px] h-[17px] flex cursor-pointer" @click="onSearchClick"/>
     </div>
@@ -20,9 +20,16 @@ export default {
             emit('on-search-account-button-click', inputQuery.value);
         };
 
+        const handleKeyPressOfSearch = (event) => {
+            if (event.key === 'Enter') {
+                emit('on-search-account-button-click', inputQuery.value);
+            }
+        }
+
         return {
             inputQuery,
             onSearchClick,
+            handleKeyPressOfSearch,
             i18next,
         };
     },