From a88dbd7f7b271e78290506fdc61d68adba5d0019 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Mon, 13 Feb 2023 17:09:53 +0700
Subject: Fixing

---
 src/pages/index.js | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

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

diff --git a/src/pages/index.js b/src/pages/index.js
index dd81e817..65999ff6 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -18,6 +18,15 @@ import Footer from "@/components/layouts/Footer";
 import Image from "@/components/elements/Image";
 import ProductCategories from "@/components/products/ProductCategories";
 
+const swiperBanner = {
+  pagination: { dynamicBullets: true },
+  autoplay: {
+    delay: 6000,
+    disableOnInteraction: false
+  },
+  modules: [Pagination, Autoplay]
+}
+
 export async function getServerSideProps() {
   const heroBanners = await apiOdoo('GET', `/api/v1/banner?type=index-a-1`);
 
@@ -48,12 +57,9 @@ export default function Home({ heroBanners }) {
       <Layout>
         <Swiper 
           slidesPerView={1} 
-          pagination={{dynamicBullets: true}} 
-          modules={[Pagination, Autoplay]}
-          autoplay={{
-            delay: 6000,
-            disableOnInteraction: false
-          }}
+          pagination={swiperBanner.pagination} 
+          modules={swiperBanner.modules}
+          autoplay={swiperBanner.autoplay}
         >
           {
             heroBanners?.map((banner, index) => (
@@ -79,7 +85,7 @@ export default function Home({ heroBanners }) {
             }
           </Swiper>
         </div>
-        <div className="my-6 p-4 pt-0">
+        <div className="my-6 p-4 py-0">
           <h2 className="mb-4">Produk Populer</h2>
           <ProductSlider products={popularProducts} simpleProductTitleLine />
         </div>
-- 
cgit v1.2.3