33 lines
809 B
React
33 lines
809 B
React
import Link from 'next/link';
|
|
|
|
const Pagination = ({ page, pageSize, totalItems }) => {
|
|
const totalPages = Math.ceil(totalItems / pageSize);
|
|
return (
|
|
<section className='container mx-auto flex justify-center items-center my-8'>
|
|
{page > 1 ? (
|
|
<Link
|
|
className='mr-2 px-2 py-1 border border-gray-300 rounded'
|
|
href={`/properties?page=${page - 1}`}
|
|
>
|
|
Previous
|
|
</Link>
|
|
) : null}
|
|
|
|
<span className='mx-2'>
|
|
{' '}
|
|
Page {page} of {totalPages}
|
|
</span>
|
|
|
|
{page < totalPages ? (
|
|
<Link
|
|
className='ml-2 px-2 py-1 border border-gray-300 rounded'
|
|
href={`/properties?page=${page + 1}`}
|
|
>
|
|
Next
|
|
</Link>
|
|
) : null}
|
|
</section>
|
|
);
|
|
};
|
|
export default Pagination;
|