🐛 Re-render cmd palette results when typeaheadResults are fetched (#147)

* 🐛 Re-render cmd palette results when typeaheadResults are fetched * 🐛 Avoid making requests if the query is empty
bluesky-social · Jul 5, 2024 · 134524d · 134524d
1 parent 5137cf9
commit 134524d
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/components/shell/CommandPalette/useAsyncSearch.tsx b/components/shell/CommandPalette/useAsyncSearch.tsx
@@ -180,7 +180,10 @@ export const useCommandPaletteAsyncSearch = () => {
     search: state.searchQuery,
   }))
 
-  const { data: typeaheadResults } = useSearchActorsTypeahead(search)
+  // Only pass the query to the typeahead if it starts with @ since we want to show other results for input that does not start with @
+  const { data: typeaheadResults } = useSearchActorsTypeahead(
+    search.startsWith('@') ? search : '',
+  )
 
   const [didFromHandle, setDidFromHandle] = useState<{
     did: string
@@ -427,5 +430,5 @@ export const useCommandPaletteAsyncSearch = () => {
     return actions.map(createAction)
   }, [search, didFromHandle, typeaheadResults])
 
-  useRegisterActions(memoizedActions, [search, didFromHandle])
+  useRegisterActions(memoizedActions, [search, didFromHandle, typeaheadResults])
 }