feat(import): new import details page (#2451)

* feat(import): new import details page

* fix typecheck

* review comments

1 files changed, 19 insertions, 1 deletions

diff --git a/apps/web/lib/hooks/useImportSessions.ts b/apps/web/lib/hooks/useImportSessions.ts
index 4d095c0b..2cc632ad 100644
--- a/apps/web/lib/hooks/useImportSessions.ts
+++ b/apps/web/lib/hooks/useImportSessions.ts
@@ -1,7 +1,12 @@
 "use client";
 
 import { toast } from "@/components/ui/sonner";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import {
+  useInfiniteQuery,
+  useMutation,
+  useQuery,
+  useQueryClient,
+} from "@tanstack/react-query";
 
 import { useTRPC } from "@karakeep/shared-react/trpc";
 
@@ -131,3 +136,16 @@ export function useResumeImportSession() {
     }),
   );
 }
+
+export function useImportSessionResults(
+  importSessionId: string,
+  filter: "all" | "accepted" | "rejected" | "skipped_duplicate" | "pending",
+) {
+  const api = useTRPC();
+  return useInfiniteQuery(
+    api.importSessions.getImportSessionResults.infiniteQueryOptions(
+      { importSessionId, filter, limit: 50 },
+      { getNextPageParam: (lastPage) => lastPage.nextCursor },
+    ),
+  );
+}