cdransf/augurymetal.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor media page to support pagination

Browse source
This commit is contained in:
Cory Dransfeldt 2022-06-07 18:30:45 -07:00
parent 468ff48bfe
commit 012acdb869
7 changed files with 131 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

7
components/Pagination.tsx
View file

@ -1,11 +1,12 @@
import Link from '@/components/Link'
interface Props {
page: string
totalPages: number
currentPage: number
}
export default function Pagination({ totalPages, currentPage }: Props) {
export default function Pagination({ page, totalPages, currentPage }: Props) {
const prevPage = currentPage - 1 > 0
const nextPage = currentPage + 1 <= totalPages
@ -18,7 +19,7 @@ export default function Pagination({ totalPages, currentPage }: Props) {
</button>
)}
{prevPage && (
<Link href={currentPage - 1 === 1 ? `/blog/` : `/blog/page/${currentPage - 1}`}>
<Link href={currentPage - 1 === 1 ? `/${page}/` : `/${page}/page/${currentPage - 1}`}>
<button>Previous</button>
</Link>
)}
@ -31,7 +32,7 @@ export default function Pagination({ totalPages, currentPage }: Props) {
</button>
)}
{nextPage && (
<Link href={`/blog/page/${currentPage + 1}`}>
<Link href={`/${page}/page/${currentPage + 1}`}>
<button>Next</button>
</Link>
)}