From 3a2818473c3af50a285ecffb94aa203ec182145e Mon Sep 17 00:00:00 2001
From: ct <charlesteh90@gmail.com>
Date: Tue, 15 Jul 2025 02:28:28 +0800
Subject: [PATCH] Update

---
 resources/js/components/ui/grid-skeleton.jsx | 15 +++++++++++++++
 1 file changed, 15 insertions(+)
 create mode 100644 resources/js/components/ui/grid-skeleton.jsx

diff --git a/resources/js/components/ui/grid-skeleton.jsx b/resources/js/components/ui/grid-skeleton.jsx
new file mode 100644
index 0000000..41ff6ee
--- /dev/null
+++ b/resources/js/components/ui/grid-skeleton.jsx
@@ -0,0 +1,15 @@
+import { Skeleton } from "./skeleton";
+
+const GridSkeleton = ({ itemCount = 6 }) => {
+    return (
+        <div className="grid grid-cols-2 gap-2 p-2">
+            {Array.from({ length: itemCount }, (_, index) => (
+                <div key={index} className="relative">
+                    <div className="aspect-[9/16] w-full rounded-lg bg-gradient-to-r from-gray-200 via-white to-gray-200 bg-[length:200%_100%] animate-shimmer" />
+                </div>
+            ))}
+        </div>
+    );
+};
+
+export { GridSkeleton };
\ No newline at end of file