From cc7d17524065d9cd0def48a8aa945f69ac306510 Mon Sep 17 00:00:00 2001
From: Hailey <me@haileyok.com>
Date: Fri, 26 Apr 2024 18:48:59 -0700
Subject: [PATCH] show spinner when fetching pt 1

---
 src/view/shell/desktop/Search.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/view/shell/desktop/Search.tsx b/src/view/shell/desktop/Search.tsx
index 3b64a6a884..92eeb5ea11 100644
--- a/src/view/shell/desktop/Search.tsx
+++ b/src/view/shell/desktop/Search.tsx
@@ -153,10 +153,11 @@ export function DesktopSearch() {
   const [isActive, setIsActive] = React.useState<boolean>(false)
   const [query, setQuery] = React.useState<string>('')
   const throttledInput = useThrottledValue(query, 300)
-  const {data: autocompleteData} = useActorAutocompleteQuery(
+  const {data: autocompleteData, isFetching} = useActorAutocompleteQuery(
     throttledInput,
     true,
   )
+  const isLoading = isFetching && !autocompleteData?.length
 
   const moderationOpts = useModerationOpts()
 
@@ -231,7 +232,7 @@ export function DesktopSearch() {
 
       {query !== '' && isActive && moderationOpts && (
         <View style={[pal.view, pal.borderDark, styles.resultsContainer]}>
-          {isActive && !autocompleteData ? (
+          {isLoading ? (
             <View style={{padding: 8}}>
               <ActivityIndicator />
             </View>