From 212fda06b5b956e9908c6eb83864990dd589ca8e Mon Sep 17 00:00:00 2001
From: it-fixcomart <it@fixcomart.co.id>
Date: Wed, 4 Sep 2024 11:07:52 +0700
Subject: <iman> update mobile view category

---
 src/lib/product/components/CategorySection.jsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

(limited to 'src/lib/product/components/CategorySection.jsx')

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>
-- 
cgit v1.2.3

