diff options
Diffstat (limited to 'src/lib/home/components')
| -rw-r--r-- | src/lib/home/components/HeroBanner.jsx | 6 | ||||
| -rw-r--r-- | src/lib/home/components/PopularProduct.jsx | 7 | ||||
| -rw-r--r-- | src/lib/home/components/PreferredBrand.jsx | 6 |
3 files changed, 16 insertions, 3 deletions
diff --git a/src/lib/home/components/HeroBanner.jsx b/src/lib/home/components/HeroBanner.jsx index 6f39ac50..0ac14bad 100644 --- a/src/lib/home/components/HeroBanner.jsx +++ b/src/lib/home/components/HeroBanner.jsx @@ -34,7 +34,11 @@ const HeroBanner = () => { > {heroBanners.data?.map((banner, index) => ( <SwiperSlide key={index}> - <Image src={banner.image} alt={banner.name} className='w-full h-auto' /> + <Image + src={banner.image} + alt={banner.name} + className='w-full h-auto' + /> </SwiperSlide> ))} </Swiper> diff --git a/src/lib/home/components/PopularProduct.jsx b/src/lib/home/components/PopularProduct.jsx index 7e222b0a..d23275f7 100644 --- a/src/lib/home/components/PopularProduct.jsx +++ b/src/lib/home/components/PopularProduct.jsx @@ -11,7 +11,12 @@ const PopularProduct = () => { <div className='px-4'> <div className='font-medium mb-4'>Produk Populer</div> {popularProducts.isLoading && <PopularProductSkeleton />} - {!popularProducts.isLoading && <ProductSlider products={popularProducts.data} simpleTitle />} + {!popularProducts.isLoading && ( + <ProductSlider + products={popularProducts.data} + simpleTitle + /> + )} </div> ) } diff --git a/src/lib/home/components/PreferredBrand.jsx b/src/lib/home/components/PreferredBrand.jsx index de377031..fa0fdd0d 100644 --- a/src/lib/home/components/PreferredBrand.jsx +++ b/src/lib/home/components/PreferredBrand.jsx @@ -11,7 +11,11 @@ const PreferredBrand = () => { <div className='font-medium mb-4'>Brand Pilihan</div> {preferredBrands.isLoading && <PreferredBrandSkeleton />} {!preferredBrands.isLoading && ( - <Swiper slidesPerView={3.5} spaceBetween={8} freeMode> + <Swiper + slidesPerView={3.5} + spaceBetween={8} + freeMode + > {preferredBrands.data?.manufactures.map((brand) => ( <SwiperSlide key={brand.id}> <BrandCard brand={brand} /> |