From c01458e39485eb835010d04e0136a50bf9feb259 Mon Sep 17 00:00:00 2001
From: headlesdev <damian.bergemann@outlook.com>
Date: Sun, 18 May 2025 15:44:55 +0200
Subject: [PATCH] Display Networks on Sites

---
 app/api/sites/get_all/route.ts    |  3 +++
 app/dashboard/sites/SitesPage.tsx |  1 +
 components/cards/Sites.tsx        | 12 ++++++++++--
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/app/api/sites/get_all/route.ts b/app/api/sites/get_all/route.ts
index 74edac4..157cd10 100644
--- a/app/api/sites/get_all/route.ts
+++ b/app/api/sites/get_all/route.ts
@@ -30,6 +30,9 @@ export async function GET(request: NextRequest) {
                     mode: "insensitive",
                 },
             },
+            include: {
+                networks: true,
+            },
         });
         const total = await prisma.site.count({
             where: {
diff --git a/app/dashboard/sites/SitesPage.tsx b/app/dashboard/sites/SitesPage.tsx
index bb3af64..1866763 100644
--- a/app/dashboard/sites/SitesPage.tsx
+++ b/app/dashboard/sites/SitesPage.tsx
@@ -24,6 +24,7 @@ export default function SitesPage({ username, name }: SitesPageProps) {
         setItemPerPage,
         loadSites
     } = useSites();
+    console.log(sites);
 
     return (
         <Sidebar 
diff --git a/components/cards/Sites.tsx b/components/cards/Sites.tsx
index 1233ff5..230bcbc 100644
--- a/components/cards/Sites.tsx
+++ b/components/cards/Sites.tsx
@@ -5,7 +5,15 @@ interface SitesProps {
     id: string;
     name: string;
     description: string;
-    networks: string[];
+    networks: Network[];
+}
+
+interface Network {
+    id: number;
+    name: string;
+    ipv4Subnet?: string;
+    ipv6Subnet?: string;
+    gateway?: string;
 }
 
 export default function Sites({ id, name, description, networks }: SitesProps) {
@@ -16,7 +24,7 @@ export default function Sites({ id, name, description, networks }: SitesProps) {
                 <h2 className="card-title">{name}</h2>
                 <p>{description}</p>
                 { networks && networks.length > 0 && (
-                    <p>Networks: {networks.join(', ')}</p>
+                    <p>Networks: {networks.map((network) => network.name).join(", ")}</p>
                 )}
                 <div className="card-actions justify-end">
                     <button className="btn btn-secondary btn-sm btn-outline" onClick={() => router.push(`/dashboard/sites/${id}`)}>View</button>