diff options
| author | Rafi Zadanly <rafizadanly@gmail.com> | 2022-12-01 16:26:21 +0700 |
|---|---|---|
| committer | Rafi Zadanly <rafizadanly@gmail.com> | 2022-12-01 16:26:21 +0700 |
| commit | 0a0c497204acbac562700d80f38e74aa9ffcd94e (patch) | |
| tree | 3c2387091b0733d33754fbc07d843f2deef2fa9e /src/components/Pagination.js | |
| parent | 9e1321f7e35a58ba8ce136401a217d835aef15f0 (diff) | |
dynamic filter, dynamic pagination, detail brand, to title case
Diffstat (limited to 'src/components/Pagination.js')
| -rw-r--r-- | src/components/Pagination.js | 4 |
1 files changed, 3 insertions, 1 deletions
diff --git a/src/components/Pagination.js b/src/components/Pagination.js index 09566a46..1cb1bca0 100644 --- a/src/components/Pagination.js +++ b/src/components/Pagination.js @@ -5,13 +5,15 @@ export default function Pagination({ pageCount, currentPage, url }) { let lastPage = false; let dotsPrevPage = false; let dotsNextPage = false; + let urlParameterPrefix = url.includes('?') ? '&' : '?'; + return ( <div className="pagination"> {Array.from(Array(pageCount)).map((v, i) => { let page = i + 1; let rangePrevPage = currentPage - 2; let rangeNextPage = currentPage + 2; - let PageComponent = <Link key={i} href={`${url}&page=${page}`} className={"pagination-item" + (page == currentPage ? " pagination-item--active " : "")}>{page}</Link>; + let PageComponent = <Link key={i} href={`${url + urlParameterPrefix}page=${page}`} className={"pagination-item" + (page == currentPage ? " pagination-item--active " : "")}>{page}</Link>; let DotsComponent = <div key={i} className="pagination-dots">...</div>; if (pageCount == 7) { |
