feat: Implement search functionality to filter products based on sear…

…ch text and product type feat: Add sorting options to filter products by price (low to high and high to low) feat: Add pagination to display a limited number of products per page refactor: Use destructured import for product API query style: Update the design and layout of the search results page fix: Handle edge case when no products match the search criteria
Hamed-Hasan · Jul 29, 2023 · ce6410c · ce6410c
1 parent 5084992
commit ce6410c
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/src/layout/headers/header-2.jsx b/src/layout/headers/header-2.jsx
@@ -41,7 +41,7 @@ const HeaderTwo = ({ style_2 = false }) => {
                       <a href="tel:402-763-282-46">
                         <span>
                           <PhoneTwo />
-                        </span> +(402) 763 282 46
+                        </span> +(966) 595 035 008
                       </a>
                     </div>
                   </div>

diff --git a/src/layout/headers/header.jsx b/src/layout/headers/header.jsx
@@ -111,7 +111,7 @@ const Header = () => {
                       <div className="tp-header-contact-content">
                         <h5>Hotline:</h5>
                         <p>
-                          <a href="tel:402-763-282-46">+(402) 763 282 46</a>
+                          <a href="tel:966-595-035-008">+(966) 595 035 008</a>
                         </p>
                       </div>
                     </div>

diff --git a/src/pages/search.jsx b/src/pages/search.jsx
@@ -49,13 +49,13 @@ export default function SearchPage({ query }) {
 
     if (searchText && !productType) {
       product_items = all_products.filter((prd) =>
-        prd.title.toLowerCase().includes(searchText.toLowerCase())
+        prd.title?.toLowerCase().includes(searchText?.toLowerCase())
       );
     }
     if (searchText && productType) {
       product_items = all_products.filter(
-        (prd) => prd.productType.toLowerCase() === productType.toLowerCase()
-      ).filter(p => p.title.toLowerCase().includes(searchText.toLowerCase()));
+        (prd) => prd.productType?.toLowerCase() === productType?.toLowerCase()
+      ).filter(p => p?.title?.toLowerCase().includes(searchText?.toLowerCase()));
     }
      // Price low to high
      if (shortValue === "Price low to high") {