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} /> <Sites key={site.id} id={site.id} name={site.name} description={site.description} networks={site.networks} />
))} ))}
</div> </div>
<Pagination <Pagination
currentPage={currentPage} currentPage={currentPage}
totalItems={total} totalItems={total}

View File

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