From 79fd2b69b206c6e9a9794c7d3d1ec956fa520c3f Mon Sep 17 00:00:00 2001
From: Hailey <me@haileyok.com>
Date: Fri, 26 Apr 2024 18:58:15 -0700
Subject: [PATCH] show spinner properly for autocomplete

---
 src/view/screens/Search/Search.tsx | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/src/view/screens/Search/Search.tsx b/src/view/screens/Search/Search.tsx
index c484764a50..8cce51741b 100644
--- a/src/view/screens/Search/Search.tsx
+++ b/src/view/screens/Search/Search.tsx
@@ -56,7 +56,6 @@ import {
 } from '#/view/shell/desktop/Search'
 import {ProfileCardFeedLoadingPlaceholder} from 'view/com/util/LoadingPlaceholder'
 import {atoms as a} from '#/alf'
-import {useThrottledValue} from '#/components/hooks/useThrottledValue'
 
 function Loader() {
   const pal = usePalette('default')
@@ -486,13 +485,8 @@ export function SearchScreen(
   // Query terms
   const queryParam = props.route?.params?.q ?? ''
   const [searchText, setSearchText] = React.useState<string>(queryParam)
-  const throttledInput = useThrottledValue(searchText, 300)
-
-  // Autocomplete
-  const {data: autocompleteData} = useActorAutocompleteQuery(
-    throttledInput,
-    true,
-  )
+  const {data: autocompleteData, isFetching: isAutocompleteFetching} =
+    useActorAutocompleteQuery(searchText, true)
 
   const [inputIsFocused, setInputIsFocused] = React.useState(false)
   const [searchHistory, setSearchHistory] = React.useState<string[]>([])
@@ -725,7 +719,8 @@ export function SearchScreen(
 
       {inputIsFocused && searchText.length > 0 ? (
         <>
-          {!autocompleteData || !moderationOpts ? (
+          {(isAutocompleteFetching && !autocompleteData?.length) ||
+          !moderationOpts ? (
             <Loader />
           ) : (
             <ScrollView