diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/products/ProductSlider.js | 4 | ||||
| -rw-r--r-- | src/pages/index.js | 15 |
2 files changed, 11 insertions, 8 deletions
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} |