Fix get category homepage

2 files changed, 11 insertions, 4 deletions

diff --git a/src/components/products/ProductSlider.js b/src/components/products/ProductSlider.js
index 261036a6..c5f476bb 100644
--- a/src/components/products/ProductSlider.js
+++ b/src/components/products/ProductSlider.js
@@ -4,7 +4,7 @@ import "swiper/css";
 import Image from "../elements/Image";
 import Link from "../elements/Link";
 import { SkeletonProduct } from "../elements/Skeleton";
-import { useEffect, useRef, useState } from "react";
+import { useState } from "react";
 
 export default function ProductSlider({ 
   products, 
diff --git a/src/pages/index.js b/src/pages/index.js
index b233f81e..94be7f3a 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -42,11 +42,18 @@ export default function Home({ heroBanners }) {
     getPopularProducts();
 
     const getCategoryProducts = async () => {
-      const dataCategoryProducts = await apiOdoo('GET', '/api/v1/categories_homepage');
-      setCategoryProducts(dataCategoryProducts);
+      if (!categoryProducts) {
+        const categoryIds = await apiOdoo('GET', '/api/v1/categories_homepage/ids');
+        const categories = [];
+        for (const id in categoryIds) {
+          const dataCategoryProducts = await apiOdoo('GET', `/api/v1/categories_homepage?id=${id}`);
+          categories.push(...dataCategoryProducts);
+          setCategoryProducts(categories);
+        }
+      }
     }
     getCategoryProducts();
-  }, []);
+  }, [ categoryProducts ]);
 
   return (
     <>