From 3be25d6fe80a2d32e0e766ce91661ed9f375749c Mon Sep 17 00:00:00 2001
From: wonderlandpark <wonderlandpark@outlook.kr>
Date: Sun, 9 May 2021 11:28:08 +0900
Subject: [PATCH] fix: query string invalid

fix: https://github.com/koreanbots/v2-testing/issues/92
---
 components/Paginator.tsx | 9 +++++----
 pages/search.tsx         | 2 +-
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/components/Paginator.tsx b/components/Paginator.tsx
index f642a34..9abe421 100644
--- a/components/Paginator.tsx
+++ b/components/Paginator.tsx
@@ -1,5 +1,5 @@
 import Link from 'next/link'
-const Paginator = ({ currentPage, totalPage, pathname }: PaginatorProps): JSX.Element => {
+const Paginator = ({ currentPage, totalPage, pathname, searchParams }: PaginatorProps): JSX.Element => {
 	let pages = []
 	if (currentPage < 4)
 		pages = [
@@ -29,7 +29,7 @@ const Paginator = ({ currentPage, totalPage, pathname }: PaginatorProps): JSX.El
 	return (
 		<div className='flex flex-col items-center justify-center py-4 text-center'>
 			<div className='flex'>
-				<Link href={{ pathname, hash: 'list', query: { page: currentPage - 1 } }}>
+				<Link href={{ pathname, hash: 'list', query: { ...searchParams, page: currentPage - 1 } }}>
 					<a
 						className={`${
 							currentPage === 1 ? 'invisible' : ''
@@ -39,7 +39,7 @@ const Paginator = ({ currentPage, totalPage, pathname }: PaginatorProps): JSX.El
 					</a>
 				</Link>
 				{pages.map((el, i) => (
-					<Link key={i} href={{ pathname, hash: 'list', query: { page: el } }}>
+					<Link key={i} href={{ pathname, hash: 'list', query: { ...searchParams, page: el } }}>
 						<a
 							className={`w-12 flex justify-center items-center cursor-pointer leading-5 transition duration-150 ease-in ${
 								i === 0 && i === pages.length - 1
@@ -59,7 +59,7 @@ const Paginator = ({ currentPage, totalPage, pathname }: PaginatorProps): JSX.El
 						</a>
 					</Link>
 				))}
-				<Link href={{ pathname, hash: 'list', query: { page: currentPage + 1 } }}>
+				<Link href={{ pathname, hash: 'list', query: { ...searchParams, page: currentPage + 1 } }}>
 					<a
 						className={`${
 							currentPage === totalPage ? 'invisible' : ''
@@ -77,6 +77,7 @@ interface PaginatorProps {
 	pathname: string
 	currentPage: number
 	totalPage: number
+	searchParams: Record<string, string|string[]>
 }
 
 export default Paginator
diff --git a/pages/search.tsx b/pages/search.tsx
index cf67dee..156e7af 100644
--- a/pages/search.tsx
+++ b/pages/search.tsx
@@ -31,7 +31,7 @@ const Search:NextPage<SearchProps> = ({ data, query }) => {
 								data.data.map(bot => <BotCard key={bot.id} bot={bot} /> )
 							}
 						</ResponsiveGrid>
-						<Paginator totalPage={data.totalPage} currentPage={data.currentPage} pathname={`/search?q=${query.q}`} />
+						<Paginator totalPage={data.totalPage} currentPage={data.currentPage} pathname='/search' searchParams={query} />
 					</>
 				}
 				<Advertisement />