From 53c18d1feae1de1cfcdef2636f6885898ca752ba Mon Sep 17 00:00:00 2001
From: headlesdev <damian.bergemann@outlook.com>
Date: Sun, 18 May 2025 12:06:21 +0200
Subject: [PATCH] Sites Display test

---
 app/dashboard/sites/SitesPage.tsx |  2 ++
 components/cards/Sites.tsx        | 18 ++++++++++++++++++
 2 files changed, 20 insertions(+)
 create mode 100644 components/cards/Sites.tsx

diff --git a/app/dashboard/sites/SitesPage.tsx b/app/dashboard/sites/SitesPage.tsx
index c199c33..02a0696 100644
--- a/app/dashboard/sites/SitesPage.tsx
+++ b/app/dashboard/sites/SitesPage.tsx
@@ -2,6 +2,7 @@
 import Sidebar from "@/components/Sidebar";
 import { Plus } from "lucide-react";
 import AddSite from "@/components/dialogues/AddSite";
+import Sites from "@/components/cards/Sites";
 
 interface SitesPageProps {
     username: string;
@@ -29,6 +30,7 @@ export default function SitesPage({ username, name }: SitesPageProps) {
                 </div>
 
                 <AddSite />
+                <Sites id="" name="test" description="test" networks={[]} />
             </main>
         </Sidebar>
     )
diff --git a/components/cards/Sites.tsx b/components/cards/Sites.tsx
new file mode 100644
index 0000000..142c93d
--- /dev/null
+++ b/components/cards/Sites.tsx
@@ -0,0 +1,18 @@
+interface SitesProps {
+    id: string;
+    name: string;
+    description: string;
+    networks: string[];
+}
+
+export default function Sites({ id, name, description, networks }: SitesProps) {
+    return (
+        <div className="card bg-base-200 shadow-xl">
+            <div className="card-body">
+                <h2 className="card-title">{name}</h2>
+                <p>{description}</p>
+                <p>Networks: {networks.join(', ')}</p>
+            </div>
+        </div>
+    )
+}