diff options
Diffstat (limited to 'src/pages/index.js')
| -rw-r--r-- | src/pages/index.js | 18 |
1 files changed, 9 insertions, 9 deletions
diff --git a/src/pages/index.js b/src/pages/index.js index 95d9161f..ee746519 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -10,6 +10,8 @@ import "swiper/css/pagination"; import "swiper/css/autoplay"; import ProductSlider from "../components/product/ProductSlider"; import Layout from "../components/Layout"; +import axios from "axios"; +import ManufactureCard from "../components/ManufactureCard"; export default function Home() { const [heroBanners, setHeroBanners] = useState(null); @@ -37,8 +39,8 @@ export default function Home() { getReadyStockProducts(); const getPopularProducts = async () => { - const dataPopularProducts = await apiOdoo('GET', `/api/v1/product?manufactures=10&limit=30`); - setPopularProducts(dataPopularProducts); + const dataPopularProducts = await axios(`${process.env.SELF_HOST}/api/shop/search?q=*&page=1&order_by=popular`); + setPopularProducts(dataPopularProducts.data.response); } getPopularProducts(); }, []); @@ -62,22 +64,20 @@ export default function Home() { { manufactures?.manufactures?.map((manufacture, index) => ( <SwiperSlide key={index}> - <div className="border border-gray-300 p-1 rounded h-full bg-white"> - <LazyLoadImage effect="blur" src={manufacture.logo} alt={manufacture.name} className="w-full h-full object-contain object-center" /> - </div> + <ManufactureCard data={manufacture} key={index} /> </SwiperSlide> )) } </Swiper> </div> <div className="mt-6 px-4 mb-6"> - <h2 className="text-gray-900 font-bold mb-3">Produk Ready Stock</h2> - <ProductSlider products={readyStockProducts} /> - </div> - <div className="mt-6 px-4 mb-6"> <h2 className="text-gray-900 font-bold mb-3">Produk Populer</h2> <ProductSlider products={popularProducts} /> </div> + <div className="mt-6 px-4 mb-6"> + <h2 className="text-gray-900 font-bold mb-3">Produk Ready Stock</h2> + <ProductSlider products={readyStockProducts} /> + </div> </Layout> </> ) |