From a264e12c5af60e82f6e496209b6ac81d4a994a10 Mon Sep 17 00:00:00 2001
From: it-fixcomart <it@fixcomart.co.id>
Date: Wed, 24 Jul 2024 09:06:05 +0700
Subject: <iman> merge category management to development

---
 src/lib/home/components/CategoryPilihan.jsx | 10 +++++-----
 src/pages/index.jsx                         |  1 +
 2 files changed, 6 insertions(+), 5 deletions(-)

(limited to 'src')

diff --git a/src/lib/home/components/CategoryPilihan.jsx b/src/lib/home/components/CategoryPilihan.jsx
index 73e42626..5aa1fbcc 100644
--- a/src/lib/home/components/CategoryPilihan.jsx
+++ b/src/lib/home/components/CategoryPilihan.jsx
@@ -9,7 +9,7 @@ import { HeroBannerSkeleton } from '../../../components/skeleton/BannerSkeleton'
 
 
 const CategoryPilihan = ({ id, categories }) => {
-    const heroBanner = useQuery('categoryPilihan', bannerApi({ type: 'index-a-1' }));
+    const heroBanner = useQuery('categoryPilihan', bannerApi({ type: 'banner-category-list' }));
       
       return (
           <section>
@@ -29,7 +29,7 @@ const CategoryPilihan = ({ id, categories }) => {
                                 quality={100}
                                 src={heroBanner.data[0].image}
                                 alt={heroBanner.data[0].name}
-                                className='h-48 object-fill w-full rounded hover:scale-105 transition duration-500 ease-in-out'
+                                className='h-48 object-fill w-full'
                                 />
                             </Link>
                             {/* ))} */}
@@ -41,9 +41,9 @@ const CategoryPilihan = ({ id, categories }) => {
                 {categories.map((category) => (
                     <div key={category.id} className="KartuInti h-48 w-60 max-w-sm   lg:max-w-full flex flex-col   border-[1px] border-gray-200  relative group">
                         <div className='KartuB absolute h-48 w-60 inset-0 flex items-center justify-center '>
-                            <div className="group/edit flex items-center justify-center h-48 w-60  flex-col group-hover/item:visible">
-                                <div className=' h-36'>
-                                    <Image className='group-hover:scale-110 transition-transform duration-300' src={category?.image1920? category?.image1920 : '/images/noimage.jpeg'}  width={120} height={120} alt={category?.name} />
+                            <div className="group/edit flex items-center justify-end h-48 w-60  flex-col group-hover/item:visible">
+                                <div className=' h-36 flex justify-end items-end'>
+                                    <Image className='group-hover:scale-105 transition-transform duration-300 ' src={category?.image1920? category?.image1920 : '/images/noimage.jpeg'}  width={120} height={120} alt={category?.name} />
                                 </div>
                                 <h2 className="text-gray-700 content-center h-12 border-t-[1px] px-1 w-60 border-gray-200 font-normal text-sm text-center">{category?.name}</h2>
                             </div>
diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index 110d8b17..30a7ac1f 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -70,6 +70,7 @@ const CustomerReviews = dynamic(() =>
 const ServiceList = dynamic(() => import('@/lib/home/components/ServiceList'));
 
 
+
 export default function Home({categoryId}) {
   const bannerRef = useRef(null);
   const wrapperRef = useRef(null);
-- 
cgit v1.2.3