Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 | import { keepPreviousData, useInfiniteQuery } from "@tanstack/react-query";
import { RpcError } from "grpc-web";
import { UserSearchV2Res } from "proto/search_pb";
import { service } from "service";
import { FilterOptions } from "../SearchPage";
import { MapSearchState } from "../state/mapSearchReducers";
const calculateCurrentRange = ({
pageNumber,
currentPageNumItems,
totalItems,
}: {
pageNumber: number;
currentPageNumItems: number;
totalItems: number;
}) => {
const pageSize = 100;
Iif (pageNumber === 1 && currentPageNumItems < pageSize) {
// First page with fewer results than page size
return `${currentPageNumItems}`;
}
// Calculate range for paginated results
const startRange = (pageNumber - 1) * pageSize + 1;
const endRange = Math.min(pageNumber * pageSize, totalItems);
return `${startRange}-${endRange}`;
};
export function useUserSearch(
searchParams: FilterOptions,
mapSearchState: MapSearchState,
) {
const meetsSearchCriteria =
mapSearchState.hasActiveFilters ||
mapSearchState.search.bbox !== undefined ||
mapSearchState.search.query !== undefined ||
mapSearchState.shouldSearchByUserId;
const {
error,
data,
isLoading,
isFetching,
fetchNextPage,
fetchPreviousPage,
} = useInfiniteQuery<UserSearchV2Res.AsObject, RpcError>({
queryKey: ["userSearch", searchParams],
queryFn: ({ pageParam }) =>
service.search.userSearchV2(
searchParams,
pageParam as string | undefined,
),
initialPageParam: mapSearchState.pageNumber > 1,
placeholderData: keepPreviousData,
getNextPageParam: (lastPage) => lastPage.nextPageToken || undefined,
});
// React-query will keep the previously fetched data in the cache, so return undefined if we don't meet the search criteria
const users = !meetsSearchCriteria
? undefined
: data?.pages[mapSearchState.pageNumber - 1]?.resultsList || [];
/** We don't have a previousPageToken on the backend, so for now we deterine
* if we have a previous page by checking if the current page is greater than 0
* and if the previous page has a nextPageToken.
*/
const hasPreviousPage =
(users ?? []).length > 0 &&
data?.pages[mapSearchState.pageNumber - 2] !== undefined;
const hasNextPage =
(users ?? []).length > 0 &&
data?.pages[mapSearchState.pageNumber - 1]?.nextPageToken !== "";
const totalItems = data?.pages[0]?.totalItems ?? 0;
const currentPageNumItems =
data?.pages[mapSearchState.pageNumber - 1]?.resultsList?.length ?? 0;
const currentRange = calculateCurrentRange({
pageNumber: mapSearchState.pageNumber,
currentPageNumItems,
totalItems,
});
return {
error,
users,
isLoading: isLoading || isFetching,
hasNextPage,
hasPreviousPage,
fetchNextPage,
fetchPreviousPage,
currentRange,
totalItems,
};
}
|