feat: paging was applied to the filtering

Franqsanz · Jul 29, 2024 · 7deb7c2 · 7deb7c2
1 parent e21987d
commit 7deb7c2
Show file tree

Hide file tree

Showing 5 changed files with 276 additions and 195 deletions.
diff --git a/src/components/AllBooks.tsx b/src/components/AllBooks.tsx
@@ -27,7 +27,7 @@ export function AllBooks() {
     useBooksPaginate();
   let fetchingNextPageUI;
 
-  useScrollRestoration(isPending); // Restablecer la posición del scroll al volver de la vista del libro
+  useScrollRestoration(isPending); // Restablece la posición del scroll al volver de la vista del libro
 
   useEffect(() => {
     let isMounted = true;

diff --git a/src/hooks/queries.ts b/src/hooks/queries.ts
@@ -109,9 +109,22 @@ function useBooksPaginate() {
 }
 
 function useFilter(query: string | undefined, param: string | undefined) {
-  return useSuspenseQuery({
+  // return useSuspenseQuery({
+  //   queryKey: [keys.filter, query, param],
+  //   queryFn: () => getBooksFilter(query, param, page),
+  //   gcTime: 3000,
+  //   retry: 1,
+  // });
+
+  return useInfiniteQuery({
     queryKey: [keys.filter, query, param],
-    queryFn: () => getBooksFilter(query, param),
+    queryFn: ({ pageParam }) => getBooksFilter(query, param, pageParam),
+    initialPageParam: 0,
+    getNextPageParam: (lastPage) => {
+      if (lastPage.info.nextPage === null) return;
+
+      return lastPage.info.nextPage;
+    },
     gcTime: 3000,
     retry: 1,
   });