From 8357768e4dc3c0c9e63b5ed41567c76b0b7d0426 Mon Sep 17 00:00:00 2001
From: headlesdev <damian.bergemann@outlook.com>
Date: Mon, 19 May 2025 00:35:23 +0200
Subject: [PATCH] Sites  No Data & Pagination fix

---
 app/dashboard/sites/SitesPage.tsx | 39 +++++++++++++++++++------------
 components/Pagination.tsx         |  8 +++++--
 2 files changed, 30 insertions(+), 17 deletions(-)

diff --git a/app/dashboard/sites/SitesPage.tsx b/app/dashboard/sites/SitesPage.tsx
index b071bce..41be392 100644
--- a/app/dashboard/sites/SitesPage.tsx
+++ b/app/dashboard/sites/SitesPage.tsx
@@ -56,21 +56,30 @@ export default function SitesPage({ username, name }: SitesPageProps) {
                     setItemPerPage={setItemPerPage}
                 />
 
-                <div className={
-                    itemPerPage === 5 
-                        ? "flex flex-col gap-4 pt-4" 
-                        : "grid grid-cols-1 md:grid-cols-2 gap-4 pt-4"
-                }>
-                    {sites.map((site: any) => (
-                        <Sites 
-                            key={site.id} 
-                            id={site.id} 
-                            name={site.name} 
-                            description={site.description} 
-                            networks={site.networks} 
-                        />
-                    ))}
-                </div>
+                {sites.length > 0 ? (
+                    <div className={
+                        itemPerPage === 5 
+                            ? "flex flex-col gap-4 pt-4" 
+                            : "grid grid-cols-1 md:grid-cols-2 gap-4 pt-4"
+                    }>
+                        {sites.map((site: any) => (
+                            <Sites 
+                                key={site.id} 
+                                id={site.id} 
+                                name={site.name} 
+                                description={site.description} 
+                                networks={site.networks} 
+                            />
+                        ))}
+                    </div>
+                ) : (
+                    <div className="flex justify-center items-center h-48 bg-base-200 rounded-lg mt-4">
+                        <div className="text-center">
+                            <h3 className="text-lg font-bold">No Sites Found</h3>
+                            <p className="text-sm opacity-70">No sites match your current search criteria</p>
+                        </div>
+                    </div>
+                )}
             
                 <Pagination 
                     currentPage={currentPage} 
diff --git a/components/Pagination.tsx b/components/Pagination.tsx
index a21eb9b..cd84f1b 100644
--- a/components/Pagination.tsx
+++ b/components/Pagination.tsx
@@ -9,7 +9,11 @@ export default function Pagination({
     itemsPerPage: number;
     onPageChange: (page: number) => void;
 }) {
-    const totalPages = Math.ceil(totalItems / itemsPerPage);
+    const totalPages = Math.max(1, Math.ceil(totalItems / itemsPerPage));
+    
+    if (totalItems === 0) {
+        return null;
+    }
 
     return (
         <div className="flex justify-center pt-4">   
@@ -25,7 +29,7 @@ export default function Pagination({
                     <button 
                         className="join-item btn" 
                         onClick={() => onPageChange(currentPage + 1)} 
-                        disabled={currentPage === totalPages}
+                        disabled={currentPage === totalPages || totalItems === 0}
                     >
                         »
                     </button>