aboutsummaryrefslogtreecommitdiffstats
path: root/packages/web/app/dashboard/bookmarks/components/BookmarksGrid.tsx
diff options
context:
space:
mode:
authorMohamedBassem <me@mbassem.com>2024-02-22 17:33:12 +0000
committerMohamedBassem <me@mbassem.com>2024-02-22 17:34:37 +0000
commit2ac3c39a9c80305bb959d88561e78f65a1cd1be1 (patch)
treeabdf860a648d691377914702f4d5c804e02fd341 /packages/web/app/dashboard/bookmarks/components/BookmarksGrid.tsx
parent61a1b2f40cf69d8c2055becf9119881cafa9da81 (diff)
downloadkarakeep-2ac3c39a9c80305bb959d88561e78f65a1cd1be1.tar.zst
feature: Adding some loading card while the link is getting crawled
Diffstat (limited to 'packages/web/app/dashboard/bookmarks/components/BookmarksGrid.tsx')
-rw-r--r--packages/web/app/dashboard/bookmarks/components/BookmarksGrid.tsx7
1 files changed, 0 insertions, 7 deletions
diff --git a/packages/web/app/dashboard/bookmarks/components/BookmarksGrid.tsx b/packages/web/app/dashboard/bookmarks/components/BookmarksGrid.tsx
index c1c8f3e0..dc98472e 100644
--- a/packages/web/app/dashboard/bookmarks/components/BookmarksGrid.tsx
+++ b/packages/web/app/dashboard/bookmarks/components/BookmarksGrid.tsx
@@ -1,7 +1,5 @@
"use client";
-import { useLoadingCard } from "@/lib/hooks/use-loading-card";
-import BookmarkCardSkeleton from "./BookmarkCardSkeleton";
import LinkCard from "./LinkCard";
import { ZBookmark, ZGetBookmarksRequest } from "@/lib/types/api/bookmarks";
import { api } from "@/lib/trpc";
@@ -13,8 +11,6 @@ function renderBookmark(bookmark: ZBookmark) {
}
}
-export const dynamic = "force-dynamic";
-
export default function BookmarksGrid({
query,
bookmarks: initialBookmarks,
@@ -24,12 +20,9 @@ export default function BookmarksGrid({
}) {
const { data } = api.bookmarks.getBookmarks.useQuery(query, {
initialData: { bookmarks: initialBookmarks },
- staleTime: Infinity,
});
- const { loading } = useLoadingCard();
return (
<div className="container grid grid-cols-1 gap-4 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
- {loading && <BookmarkCardSkeleton />}
{data.bookmarks.map((b) => renderBookmark(b))}
</div>
);