diff options
Diffstat (limited to 'apps/web/components/dashboard/bookmarks/BookmarksGrid.tsx')
| -rw-r--r-- | apps/web/components/dashboard/bookmarks/BookmarksGrid.tsx | 31 |
1 files changed, 9 insertions, 22 deletions
diff --git a/apps/web/components/dashboard/bookmarks/BookmarksGrid.tsx b/apps/web/components/dashboard/bookmarks/BookmarksGrid.tsx index 03c60a66..39638553 100644 --- a/apps/web/components/dashboard/bookmarks/BookmarksGrid.tsx +++ b/apps/web/components/dashboard/bookmarks/BookmarksGrid.tsx @@ -2,17 +2,12 @@ import { useMemo } from "react"; import { ActionButton } from "@/components/ui/action-button"; -import { api } from "@/lib/trpc"; import tailwindConfig from "@/tailwind.config"; import { Slot } from "@radix-ui/react-slot"; import Masonry from "react-masonry-css"; import resolveConfig from "tailwindcss/resolveConfig"; -import type { - ZBookmark, - ZGetBookmarksRequest, - ZGetBookmarksResponse, -} from "@hoarder/trpc/types/bookmarks"; +import type { ZBookmark } from "@hoarder/trpc/types/bookmarks"; import AssetCard from "./AssetCard"; import EditorCard from "./EditorCard"; @@ -56,27 +51,19 @@ function renderBookmark(bookmark: ZBookmark) { } export default function BookmarksGrid({ - query, - bookmarks: initialBookmarks, + bookmarks, + hasNextPage = false, + fetchNextPage = () => ({}), + isFetchingNextPage = false, showEditorCard = false, }: { - query: ZGetBookmarksRequest; - bookmarks: ZGetBookmarksResponse; + bookmarks: ZBookmark[]; showEditorCard?: boolean; - itemsPerPage?: number; + hasNextPage?: boolean; + isFetchingNextPage?: boolean; + fetchNextPage?: () => void; }) { - const { data, fetchNextPage, hasNextPage, isFetchingNextPage } = - api.bookmarks.getBookmarks.useInfiniteQuery(query, { - initialData: () => ({ - pages: [initialBookmarks], - pageParams: [query.cursor], - }), - initialCursor: null, - getNextPageParam: (lastPage) => lastPage.nextCursor, - }); - const breakpointConfig = useMemo(() => getBreakpointConfig(), []); - const bookmarks = data!.pages.flatMap((b) => b.bookmarks); if (bookmarks.length == 0 && !showEditorCard) { return <p>No bookmarks</p>; } |
