From 04572a8e5081b1e4871e273cde9dbaaa44c52fe0 Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Wed, 13 Mar 2024 21:43:44 +0000
Subject: structure: Create apps dir and copy tooling dir from t3-turbo repo

---
 .../dashboard/bookmarks/BookmarkCardSkeleton.tsx   | 30 ++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 apps/web/components/dashboard/bookmarks/BookmarkCardSkeleton.tsx

(limited to 'apps/web/components/dashboard/bookmarks/BookmarkCardSkeleton.tsx')

diff --git a/apps/web/components/dashboard/bookmarks/BookmarkCardSkeleton.tsx b/apps/web/components/dashboard/bookmarks/BookmarkCardSkeleton.tsx
new file mode 100644
index 00000000..1f5fa433
--- /dev/null
+++ b/apps/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>
+  );
+}
-- 
cgit v1.3-1-g0d28