From c0f523bf49a160f74158fe61b6f5916fa6176322 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <rafizadanly@gmail.com>
Date: Tue, 13 Dec 2022 18:02:44 +0700
Subject: Merapihkan tampilan

---
 src/pages/index.js | 21 ++++++++++-----------
 1 file changed, 10 insertions(+), 11 deletions(-)

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

diff --git a/src/pages/index.js b/src/pages/index.js
index ee746519..d110e7de 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -13,19 +13,18 @@ import Layout from "../components/Layout";
 import axios from "axios";
 import ManufactureCard from "../components/ManufactureCard";
 
-export default function Home() {
-  const [heroBanners, setHeroBanners] = useState(null);
+export async function getServerSideProps() {
+  const heroBanners = await apiOdoo('GET', `/api/v1/banner?type=index-a-1`);
+
+  return { props: { heroBanners } };
+}
+
+export default function Home({ heroBanners }) {
   const [manufactures, setManufactures] = useState(null);
   const [readyStockProducts, setReadyStockProducts] = useState(null);
   const [popularProducts, setPopularProducts] = useState(null);
 
   useEffect(() => {
-    const getHeroBanners = async () => {
-      const dataHeroBanners = await apiOdoo('GET', `/api/v1/banner?type=index-a-1`);
-      setHeroBanners(dataHeroBanners);
-    }
-    getHeroBanners();
-
     const getManufactures = async () => {
       const dataManufactures = await apiOdoo('GET', `/api/v1/manufacture?level=prioritas`);
       setManufactures(dataManufactures);
@@ -59,7 +58,7 @@ export default function Home() {
           }
         </Swiper>
         <div className="mt-6 px-4">
-          <h2 className="text-gray-900 font-bold mb-3">Brand Pilihan</h2>
+          <h2 className="mb-3">Brand Pilihan</h2>
           <Swiper slidesPerView={4} freeMode={true} spaceBetween={16}>
             {
               manufactures?.manufactures?.map((manufacture, index) => (
@@ -71,11 +70,11 @@ export default function Home() {
           </Swiper>
         </div>
         <div className="mt-6 px-4 mb-6">
-          <h2 className="text-gray-900 font-bold mb-3">Produk Populer</h2>
+          <h2 className="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>
+          <h2 className="mb-3">Produk Ready Stock</h2>
           <ProductSlider products={readyStockProducts} />
         </div>
       </Layout>
-- 
cgit v1.2.3