Pagination Update

This commit is contained in:
headlesdev 2025-05-18 13:03:34 +02:00
parent 05e61ae428
commit 5b8c102ed4
2 changed files with 18 additions and 18 deletions

View File

@ -73,7 +73,7 @@ export default function SitesPage({ username, name }: SitesPageProps) {
<Sites key={site.id} id={site.id} name={site.name} description={site.description} networks={site.networks} />
))}
</div>
<Pagination
currentPage={currentPage}
totalItems={total}

View File

@ -13,23 +13,23 @@ export default function Pagination({
return (
<div className="flex justify-center pt-4">
<div className="join">
<button
className="join-item btn"
onClick={() => onPageChange(currentPage - 1)}
disabled={currentPage === 1}
>
«
</button>
<button className="join-item btn">Page {currentPage}</button>
<button
className="join-item btn"
onClick={() => onPageChange(currentPage + 1)}
disabled={currentPage === totalPages}
>
»
</button>
<div className="join">
<button
className="join-item btn"
onClick={() => onPageChange(currentPage - 1)}
disabled={currentPage === 1}
>
«
</button>
<button className="join-item btn">Page {currentPage}</button>
<button
className="join-item btn"
onClick={() => onPageChange(currentPage + 1)}
disabled={currentPage === totalPages}
>
»
</button>
</div>
</div>
</div>
);
}