acetheking987/bsky-social-app
1
0
Fork 0
Code Issues Actions Packages Projects Releases 1 Wiki Activity

show spinner when fetching pt 1

Browse Source
This commit is contained in:
Hailey
2024-04-26 18:48:59 -07:00
parent 7b98453fda
commit cc7d175240
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/view/shell/desktop/Search.tsx
+3 -2
View File
@@ -153,10 +153,11 @@ export function DesktopSearch() {
const [isActive, setIsActive] = React.useState<boolean>(false) const [isActive, setIsActive] = React.useState<boolean>(false)
const [query, setQuery] = React.useState<string>('') const [query, setQuery] = React.useState<string>('')
const throttledInput = useThrottledValue(query, 300) const throttledInput = useThrottledValue(query, 300)
const {data: autocompleteData} = useActorAutocompleteQuery( const {data: autocompleteData, isFetching} = useActorAutocompleteQuery(
throttledInput, throttledInput,
true, true,
) )
const isLoading = isFetching && !autocompleteData?.length
const moderationOpts = useModerationOpts() const moderationOpts = useModerationOpts()
@@ -231,7 +232,7 @@ export function DesktopSearch() {
{query !== '' && isActive && moderationOpts && ( {query !== '' && isActive && moderationOpts && (
<View style={[pal.view, pal.borderDark, styles.resultsContainer]}> <View style={[pal.view, pal.borderDark, styles.resultsContainer]}>
{isActive && !autocompleteData ? ( {isLoading ? (
<View style={{padding: 8}}> <View style={{padding: 8}}>
<ActivityIndicator /> <ActivityIndicator />
</View> </View>