From 0a0c497204acbac562700d80f38e74aa9ffcd94e Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <rafizadanly@gmail.com>
Date: Thu, 1 Dec 2022 16:26:21 +0700
Subject: dynamic filter, dynamic pagination, detail brand, to title case

---
 src/components/Pagination.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

(limited to 'src/components/Pagination.js')

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) {
-- 
cgit v1.2.3