From 4d963560f9cddf66b76a7d286cdd00b579c0c32c Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Wed, 1 Feb 2023 09:31:39 +0700
Subject: Fix

---
 src/components/products/ProductSlider.js |  4 ++--
 src/pages/index.js                       | 15 +++++++++------
 2 files changed, 11 insertions(+), 8 deletions(-)

(limited to 'src')

diff --git a/src/components/products/ProductSlider.js b/src/components/products/ProductSlider.js
index c5f476bb..78138480 100644
--- a/src/components/products/ProductSlider.js
+++ b/src/components/products/ProductSlider.js
@@ -18,12 +18,12 @@ export default function ProductSlider({
   return (
     <>
       { bannerMode && (
-        <Image src={products.banner.image} alt={products.banner.name} className={`absolute rounded-r top-0 left-0 h-full max-w-[55%] idt-transition ` + (activeIndex > 0 ? 'brightness-75' : 'brightness-100')} />
+        <Image src={products.banner.image} alt={products.banner.name} className={`absolute rounded-r top-0 left-0 h-full max-w-[55%] idt-transition ` + (activeIndex > 0 ? 'brightness-50' : 'brightness-100')} />
       ) }
       <Swiper freeMode={true} slidesPerView={2.2} spaceBetween={8} onSlideChange={swiperSliderFirstMove}>
         { bannerMode && (
           <SwiperSlide>
-            <Link href={`/shop/search?category=${products.name}`} className="w-full h-full block"></Link>
+            <Link href={products.banner.url} className="w-full h-full block"></Link>
           </SwiperSlide>
         ) }
         {products?.products?.map((product, index) => (
diff --git a/src/pages/index.js b/src/pages/index.js
index 94be7f3a..88824dd4 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -40,20 +40,22 @@ export default function Home({ heroBanners }) {
       setPopularProducts(dataPopularProducts.data.response);
     }
     getPopularProducts();
+  }, []);
 
+  useEffect(() => {
     const getCategoryProducts = async () => {
       if (!categoryProducts) {
         const categoryIds = await apiOdoo('GET', '/api/v1/categories_homepage/ids');
-        const categories = [];
+        const dataCategoryProducts = [];
         for (const id in categoryIds) {
-          const dataCategoryProducts = await apiOdoo('GET', `/api/v1/categories_homepage?id=${id}`);
-          categories.push(...dataCategoryProducts);
-          setCategoryProducts(categories);
+          const dataApiCategoryProducts = await apiOdoo('GET', `/api/v1/categories_homepage?id=${id}`);
+          dataCategoryProducts.push(...dataApiCategoryProducts);
+          setCategoryProducts(dataCategoryProducts);
         }
       }
     }
     getCategoryProducts();
-  }, [ categoryProducts ]);
+  }, [ categoryProducts ])
 
   return (
     <>
@@ -96,7 +98,8 @@ export default function Home({ heroBanners }) {
                 products: categoryProduct.products,
                 banner: {
                   image: categoryProduct.image,
-                  name: categoryProduct.name
+                  name: categoryProduct.name,
+                  url: `/shop/search?category=${categoryProduct.name}`
                 }
               } : null} 
               bannerMode={true}
-- 
cgit v1.2.3