diff options
| -rw-r--r-- | src/components/products/ProductSlider.js | 2 | ||||
| -rw-r--r-- | src/pages/index.js | 13 |
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 ( <> |