search pagination fix

fs-mar24-codemafia · Jun 16, 2024 · 0ce3c30 · 0ce3c30
1 parent 76d59d9
commit 0ce3c30
Showing 1 changed file with 9 additions and 8 deletions.
diff --git a/src/pages/ProductsPage/ProductsPage.tsx b/src/pages/ProductsPage/ProductsPage.tsx
@@ -98,21 +98,22 @@ export const ProductsPage: FC<Props> = ({ category }) => {
     setSearchParams(params);
   };
 
-  const pagesExist = itemsPerPage === 'all';
-  const totalPages = pagesExist
-    ? 0
-    : Math.ceil(products.length / +itemsPerPage);
-
-  const startIndex = currentPage === 1 ? 0 : +itemsPerPage * (currentPage - 1);
-  const endIndex = startIndex + +itemsPerPage;
-
   const filteredProducts = products.filter(product =>
     product.name
       .toLowerCase()
       .trim()
       .includes(searchQuery.toLowerCase().trim()),
   );
   const sortedProducts = sortProducts(filteredProducts, sortBy);
+
+  const pagesExist = itemsPerPage === 'all';
+  const totalPages = pagesExist
+    ? 0
+    : Math.ceil(filteredProducts.length / +itemsPerPage);
+
+  const startIndex = currentPage === 1 ? 0 : +itemsPerPage * (currentPage - 1);
+  const endIndex = startIndex + +itemsPerPage;
+
   const visibleProducts = pagesExist
     ? sortedProducts
     : sortedProducts.slice(startIndex, endIndex);