first commit

Co-Authored-By: Codex <noreply@openai.com>

web/src/components/prompts/use-prompt-list.ts

@@ -0,0 +1,26 @@
+"use client";
+
+import { useMemo } from "react";
+import { useInfiniteQuery } from "@tanstack/react-query";
+
+import { ALL_PROMPTS_OPTION, fetchPrompts } from "@/services/api/prompts";
+
+export const PROMPT_PAGE_SIZE = 20;
+
+export function usePromptList({ keyword, tags, category, enabled = true }: { keyword: string; tags: string[]; category: string; enabled?: boolean }) {
+  const query = useInfiniteQuery({
+    queryKey: ["prompts", keyword, tags, category],
+    queryFn: ({ pageParam }) => fetchPrompts({ keyword, tag: tags, category, page: pageParam, pageSize: PROMPT_PAGE_SIZE }),
+    initialPageParam: 1,
+    getNextPageParam: (lastPage, pages) => pages.reduce((total, page) => total + page.items.length, 0) < lastPage.total ? pages.length + 1 : undefined,
+    enabled,
+  });
+  const firstPage = query.data?.pages[0];
+  return {
+    query,
+    items: useMemo(() => query.data?.pages.flatMap((page) => page.items) || [], [query.data?.pages]),
+    tags: useMemo(() => [ALL_PROMPTS_OPTION, ...(firstPage?.tags || [])], [firstPage?.tags]),
+    categories: useMemo(() => [ALL_PROMPTS_OPTION, ...(firstPage?.categories || [])], [firstPage?.categories]),
+    total: firstPage?.total || 0,
+  };
+}