Merge branch 'Feature/category-management' into development

1 files changed, 33 insertions, 0 deletions

diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index d2f6073b..db868470 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -1,5 +1,6 @@
 import dynamic from 'next/dynamic';
 import { useEffect, useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 
 import { HeroBannerSkeleton } from '@/components/skeleton/BannerSkeleton';
 import { PopularProductSkeleton } from '@/components/skeleton/PopularProductSkeleton';
@@ -17,6 +18,10 @@ import odooApi from '@/core/api/odooApi';
 import { getIdFromSlug } from '@/core/utils/slug'
 import useProductDetail from '~/modules/product-detail/stores/useProductDetail';
 import { getAuth } from '~/libs/auth';
+import CategoryPilihan from '../lib/home/components/CategoryPilihan';
+// import CategoryDynamic from '../lib/home/components/CategoryDynamic';
+import odooApi from '@/core/api/odooApi';
+import { getIdFromSlug } from '@/core/utils/slug'
 
 const BasicLayout = dynamic(() =>
   import('@/core/components/layouts/BasicLayout')
@@ -67,12 +72,22 @@ const CategoryDynamicMobile = dynamic(() =>
   import('@/lib/home/components/CategoryDynamicMobile')
 );
 
+
+const CategoryDynamic = dynamic(() =>
+  import('@/lib/home/components/CategoryDynamic')
+);
+
+const CategoryDynamicMobile = dynamic(() =>
+  import('@/lib/home/components/CategoryDynamicMobile')
+);
+
 const CustomerReviews = dynamic(() =>
   import('@/lib/review/components/CustomerReviews')
 );
 const ServiceList = dynamic(() => import('@/lib/home/components/ServiceList'));
 
 export default function Home({categoryId}) {
+export default function Home({categoryId}) {
   const bannerRef = useRef(null);
   const wrapperRef = useRef(null);
 
@@ -95,6 +110,18 @@ export default function Home({categoryId}) {
     loadCategories()
   }, [])
 
+  const [dataCategories, setDataCategories] = useState([])
+
+  useEffect(() => {
+    const loadCategories = async () => {
+     const getCategories = await odooApi('GET', '/api/v1/category/child?partner_id='+{categoryId})
+     if(getCategories){
+      setDataCategories(getCategories)
+     }
+    }
+    loadCategories()
+  }, [])
+
   return (
     <BasicLayout>
       <Seo
@@ -144,6 +171,8 @@ export default function Home({categoryId}) {
             <PromotinProgram />
             <CategoryPilihan categories={dataCategories}/>
             <CategoryDynamic/>
+            <CategoryPilihan categories={dataCategories}/>
+            <CategoryDynamic/>
             <CategoryHomeId />
             <BannerSection />
             <CustomerReviews />
@@ -181,6 +210,10 @@ export default function Home({categoryId}) {
             <CategoryPilihan categories={dataCategories}/>
             <CategoryDynamicMobile/>
           </DelayRender>
+          <DelayRender renderAfter={600}>
+            <CategoryPilihan categories={dataCategories}/>
+            <CategoryDynamicMobile/>
+          </DelayRender>
           <DelayRender renderAfter={800}>
             <PopularProduct />
           </DelayRender>