diff options
| author | it-fixcomart <it@fixcomart.co.id> | 2024-09-04 11:07:52 +0700 |
|---|---|---|
| committer | it-fixcomart <it@fixcomart.co.id> | 2024-09-04 11:07:52 +0700 |
| commit | 212fda06b5b956e9908c6eb83864990dd589ca8e (patch) | |
| tree | e9c5d1b43664b3b4a215526f72fe4574004d42b8 /src/lib/product | |
| parent | 69c9ecc99c487c16129f5dcb66c4775453589220 (diff) | |
<iman> update mobile view category
Diffstat (limited to 'src/lib/product')
| -rw-r--r-- | src/lib/product/components/CategorySection.jsx | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/src/lib/product/components/CategorySection.jsx b/src/lib/product/components/CategorySection.jsx index e8ebb095..a287fa78 100644 --- a/src/lib/product/components/CategorySection.jsx +++ b/src/lib/product/components/CategorySection.jsx @@ -63,7 +63,7 @@ const CategorySection = ({ categories }) => { {isMobile && ( <div className="py-4"> <Swiper slidesPerView={2.3} spaceBetween={10}> - {displayedCategories.map((category) => ( + {categories.map((category) => ( <SwiperSlide key={category?.id}> <Link href={createSlug('/shop/category/', category?.name, category?.id)} passHref> <div className="group transition-colors duration-300"> @@ -74,6 +74,7 @@ const CategorySection = ({ categories }) => { width={56} height={48} alt={category?.name} + className="p-3" /> <h2 className="text-gray-700 group-hover:text-[#E20613] line-clamp-2 content-center h-fit w-60 px-1 font-semibold text-sm text-start"> {category?.name} @@ -85,7 +86,7 @@ const CategorySection = ({ categories }) => { </SwiperSlide> ))} </Swiper> - {categories.length > 10 && ( + {/* {categories.length > 10 && ( <div className="w-full flex justify-end mt-4"> <button onClick={handleToggleCategories} @@ -94,7 +95,7 @@ const CategorySection = ({ categories }) => { {isOpenCategory ? 'Sembunyikan Semua' : 'Lihat Semua'} </button> </div> - )} + )} */} </div> )} </section> |