Merge pull request #6 from imdaxsz/develop

fix: Pagination 예외 처리 추가

src/components/Pagination.tsx

@@ -35,7 +35,7 @@ export default function Pagination({
   return (
     <div className={styles.wrapper}>
       <ul>
-        <li className={`${styles.move} ${noPrev && styles.visible}`}>
+        <li className={`${styles.move} ${noPrev && styles.invisible}`}>
           <Link to={`${url}page=${start - 1}`}>이전</Link>
         </li>
         {[...Array(pageCount)].map((a, i) => (
@@ -54,7 +54,7 @@ export default function Pagination({
             )}
           </React.Fragment>
         ))}
-        <li className={`${styles.move} ${noNext && styles.visible}`}>
+        <li className={`${styles.move} ${noNext && styles.invisible}`}>
           <Link to={`${url}page=${start + pageCount}`}>다음</Link>
         </li>
       </ul>

src/routes/Recommend.tsx

@@ -23,7 +23,7 @@ export default function Recommend() {
         </div>
         <Pagination
           totalItems={totalBooks}
-          currentPage={page ? parseInt(page) : 1}
+          currentPage={page && parseInt(page) > 0 ? parseInt(page) : 1}
           pageCount={5}
           itemCountPerPage={50}
         />

src/routes/SearchResult.tsx

@@ -50,7 +50,7 @@ export default function SearchResult() {
         {!loading && (
           <Pagination
             totalItems={totalItems}
-            currentPage={page ? parseInt(page) : 1}
+            currentPage={page && parseInt(page) > 0 ? parseInt(page) : 1}
             pageCount={5}
             itemCountPerPage={50}
           />

src/styles/pagination.module.scss

@@ -56,7 +56,7 @@
   }
 }
 
-.visible {
+.invisible {
   visibility: hidden;
 }