aboutsummaryrefslogtreecommitdiffstats
path: root/packages/web/components/dashboard/bookmarks/BookmarkCardSkeleton.tsx
diff options
context:
space:
mode:
authorMohamedBassem <me@mbassem.com>2024-03-10 17:59:58 +0000
committerMohamedBassem <me@mbassem.com>2024-03-10 17:59:58 +0000
commitd6dd76021226802adf5295b3243d6f2ae4fa5cc2 (patch)
tree7a25423d46db9e0e224b5f58b73cec5768953b44 /packages/web/components/dashboard/bookmarks/BookmarkCardSkeleton.tsx
parent8ab868d3f94cc6609d278dc952432f1a244c3f84 (diff)
downloadkarakeep-d6dd76021226802adf5295b3243d6f2ae4fa5cc2.tar.zst
refactor: Move all components to the top level directory
Diffstat (limited to 'packages/web/components/dashboard/bookmarks/BookmarkCardSkeleton.tsx')
-rw-r--r--packages/web/components/dashboard/bookmarks/BookmarkCardSkeleton.tsx30
1 files changed, 30 insertions, 0 deletions
diff --git a/packages/web/components/dashboard/bookmarks/BookmarkCardSkeleton.tsx b/packages/web/components/dashboard/bookmarks/BookmarkCardSkeleton.tsx
new file mode 100644
index 00000000..1f5fa433
--- /dev/null
+++ b/packages/web/components/dashboard/bookmarks/BookmarkCardSkeleton.tsx
@@ -0,0 +1,30 @@
+import {
+ ImageCard,
+ ImageCardBody,
+ ImageCardContent,
+ ImageCardFooter,
+ ImageCardTitle,
+ ImageCardBanner,
+} from "@/components/ui/imageCard";
+import { Skeleton } from "@/components/ui/skeleton";
+
+export default function BookmarkCardSkeleton() {
+ return (
+ <ImageCard
+ className={
+ "border-grey-100 border bg-gray-50 duration-300 ease-in hover:border-blue-300 hover:transition-all"
+ }
+ >
+ <ImageCardBanner src="/blur.avif" />
+ <ImageCardContent>
+ <ImageCardTitle></ImageCardTitle>
+ <ImageCardBody className="space-y-2">
+ <Skeleton className="h-4 w-full" />
+ <Skeleton className="h-4 w-full" />
+ <Skeleton className="h-4 w-full" />
+ </ImageCardBody>
+ <ImageCardFooter></ImageCardFooter>
+ </ImageCardContent>
+ </ImageCard>
+ );
+}