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 | import { RpcError } from "grpc-web";
import { User } from "proto/api_pb";
import { UserSearchRes } from "proto/search_pb";
import { useInfiniteQuery } from "react-query";
import { service } from "service";
import { FilterOptions } from "../SearchPage";
import { MapSearchState } from "../state/mapSearchReducers";
const calculateCurrentNumberOfTotal = ({
pageNumber,
currentPageNumItems,
}: {
pageNumber: number;
currentPageNumItems: number;
}) => {
Iif (pageNumber === 1) {
return currentPageNumItems;
}
// each page is 100 items plus current page number of items
return (pageNumber - 1) * 100 + currentPageNumItems;
};
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<UserSearchRes.AsObject, RpcError>(
["userSearch", searchParams],
({ pageParam }) => service.search.userSearch(searchParams, pageParam),
{
enabled: meetsSearchCriteria,
keepPreviousData: meetsSearchCriteria,
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
?.map((result) => result?.user)
.filter((user): user is User.AsObject => Boolean(user)) || [];
/** 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 numberOfTotal = calculateCurrentNumberOfTotal({
pageNumber: mapSearchState.pageNumber,
currentPageNumItems,
});
return {
error,
users,
isLoading: isLoading || isFetching,
hasNextPage,
hasPreviousPage,
fetchNextPage,
fetchPreviousPage,
numberOfTotal,
totalItems,
};
}
|