From d7c3118405d73e2bc841dcc82113a9df3a58e96c Mon Sep 17 00:00:00 2001
From: Aroy-Art <Aroy-Art@pm.me>
Date: Sun, 23 Mar 2025 17:04:31 +0100
Subject: [PATCH] Add: GalleryGrid component

---
 frontend/src/components/GalleryGrid.tsx | 31 +++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 frontend/src/components/GalleryGrid.tsx

diff --git a/frontend/src/components/GalleryGrid.tsx b/frontend/src/components/GalleryGrid.tsx
new file mode 100644
index 0000000..ff8c4d8
--- /dev/null
+++ b/frontend/src/components/GalleryGrid.tsx
@@ -0,0 +1,31 @@
+import { PostCard } from "@/components/partials/PostCard"
+
+interface Post {
+    post_id: string
+    title: string
+    description: string
+    creator: {
+        [key: string]: string
+    }
+    date: {
+        [key: string]: string
+    }
+    media: Array<{
+        [key: string]: string
+    }>
+}
+
+interface GalleryGridProps {
+    items: Post[]
+}
+
+export function GalleryGrid({ items }: GalleryGridProps) {
+    return (
+        <div className="flex flex-wrap flex-cols-6 justify-center gap-3 max-w-[120rem]">
+            {items.map((item) => (
+                <PostCard key={item.post_id} {...item} />
+            ))}
+        </div>
+    )
+}
+