adds handleSuggestWikiClose to clear search field and close container

EveripediaNetwork · Jul 11, 2024 · ebe3185 · ebe3185
1 parent fcc7ded
commit ebe3185
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/components/Layout/Navbar/NavSearch/index.tsx b/src/components/Layout/Navbar/NavSearch/index.tsx
@@ -95,6 +95,12 @@ const NavSearch = (props: NavSearchProps) => {
     onClose: onSuggestWikiClose,
   } = useDisclosure()
 
+  // close Autocomplete container and clear query from the search field on modal close
+  const handleSuggestWikiClose = () => {
+    setQuery('')
+    onSuggestWikiClose()
+  }
+
   useEventListener('keydown', (event) => {
     const isMac = /(Mac|iPhone|iPod|iPad)/i.test(navigator?.userAgent)
     const hotkey = isMac ? 'metaKey' : 'ctrlKey'
@@ -380,7 +386,7 @@ const NavSearch = (props: NavSearchProps) => {
       </AutoComplete>
       <SuggestWikiModal
         isOpen={isSuggestWikiOpen}
-        onClose={onSuggestWikiClose}
+        onClose={handleSuggestWikiClose}
         prePopulatedSearch={query}
       />
     </>