Show activity indicator when search grid is revalidating

This commit is contained in:
Josh Hawkins 2024-10-31 17:03:35 -05:00
parent 9e1a50c3be
commit 3dfe073885
2 changed files with 5 additions and 4 deletions

View File

@ -428,7 +428,9 @@ export default function Explore() {
searchTerm={searchTerm}
searchFilter={searchFilter}
searchResults={searchResults}
isLoading={(isLoadingInitialData || isLoadingMore) ?? true}
isLoading={
(isLoadingInitialData || isLoadingMore || isValidating) ?? true
}
hasMore={!isReachingEnd}
columns={gridColumns}
defaultView={defaultView}

View File

@ -397,11 +397,10 @@ export default function SearchView({
</div>
)}
{uniqueResults?.length == 0 &&
isLoading &&
{isLoading &&
(searchTerm ||
(searchFilter && Object.keys(searchFilter).length !== 0)) && (
<ActivityIndicator className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2" />
<ActivityIndicator className="absolute left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2 rounded-2xl bg-background/80 p-3 dark:bg-background/50" />
)}
{uniqueResults && (