From 0a0c497204acbac562700d80f38e74aa9ffcd94e Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <rafizadanly@gmail.com>
Date: Thu, 1 Dec 2022 16:26:21 +0700
Subject: dynamic filter, dynamic pagination, detail brand, to title case

---
 src/pages/index.js | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

(limited to 'src/pages/index.js')

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>
     </>
   )
-- 
cgit v1.2.3