rename: Pagenation.jsx -> Pagination.jsx

codeit-bootcamp-frontend · Jul 5, 2024 · 9e8a7d9 · 9e8a7d9
1 parent 4e1b8a4
commit 9e8a7d9
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/items/AllItemsContainer.jsx b/src/components/items/AllItemsContainer.jsx
@@ -2,7 +2,7 @@ import React, { useState, useEffect } from "react";
 import { Link } from "react-router-dom";
 import ItemContainer from "./ItemContainer";
 import DropDownList from "./DropDownList";
-import PageNation from "./PageNation";
+import Pagination from "./Pagination";
 import { getProducts } from "../../core/api";
 import useFetch from "../../lib/hooks/useFetch";
 import countPageItems from "../../lib/utils/countPageItems";
@@ -59,7 +59,7 @@ function AllItemsContainer() {
           ))}
         </div>
       </section>
-      <PageNation
+      <Pagination
         currentPage={page}
         totalPages={totalPages}
         onPageChange={setPage}

diff --git a/src/components/items/PageNation.jsx → src/components/items/Pagination.jsx b/src/components/items/PageNation.jsx → src/components/items/Pagination.jsx
@@ -1,6 +1,6 @@
 import React from "react";
 
-function PageNation({ currentPage, onPageChange, totalPages }) {
+function Pagination({ currentPage, onPageChange, totalPages }) {
   const handlePageChange = (page) => {
     if (page >= 1 && page <= totalPages) {
       onPageChange(page);
@@ -48,4 +48,4 @@ function PageNation({ currentPage, onPageChange, totalPages }) {
   );
 }
 
-export default PageNation;
+export default Pagination;