diff --git a/web/src/views/explore/ExploreView.tsx b/web/src/views/explore/ExploreView.tsx index f3fb330b0..8fd75ae49 100644 --- a/web/src/views/explore/ExploreView.tsx +++ b/web/src/views/explore/ExploreView.tsx @@ -35,7 +35,12 @@ export default function ExploreView({ // data - const { data: events, mutate } = useSWR( + const { + data: events, + mutate, + isLoading, + isValidating, + } = useSWR( [ "events/explore", { @@ -81,7 +86,7 @@ export default function ExploreView({ } }, [events, searchDetail, setSearchDetail]); - if (!events) { + if (isLoading) { return ( ); @@ -93,6 +98,7 @@ export default function ExploreView({ @@ -104,12 +110,14 @@ export default function ExploreView({ type ThumbnailRowType = { objectType: string; searchResults?: SearchResult[]; + isValidating: boolean; setSearchDetail: (search: SearchResult | undefined) => void; }; function ThumbnailRow({ objectType, searchResults, + isValidating, setSearchDetail, }: ThumbnailRowType) { const navigate = useNavigate(); @@ -123,7 +131,7 @@ function ThumbnailRow({ return (
-
+
{objectType.replaceAll("_", " ")} {searchResults && ( @@ -135,6 +143,7 @@ function ThumbnailRow({ tracked objects){" "} )} + {isValidating && }
{searchResults?.map((event) => (