From f99e0aba70efad0deb907d8e27f09fc9f527c8a4 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Fri, 17 Feb 2023 17:07:50 +0700
Subject: Refactor

---
 src/lib/home/components/PopularProduct.jsx | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 src/lib/home/components/PopularProduct.jsx

(limited to 'src/lib/home/components/PopularProduct.jsx')

diff --git a/src/lib/home/components/PopularProduct.jsx b/src/lib/home/components/PopularProduct.jsx
new file mode 100644
index 00000000..87e47218
--- /dev/null
+++ b/src/lib/home/components/PopularProduct.jsx
@@ -0,0 +1,24 @@
+import { Swiper, SwiperSlide } from "swiper/react"
+import usePopularProduct from "../hooks/usePopularProduct"
+import ProductCard from "@/lib/product/components/ProductCard"
+import PopularProductSkeleton from "./Skeleton/PopularProductSkeleton"
+import ProductSlider from "@/lib/product/components/ProductSlider"
+
+const PopularProduct = () => {
+  const { popularProducts } = usePopularProduct()
+  
+  return (
+    <div className="px-4">
+      <div className="font-medium mb-4">Produk Populer</div>
+      { popularProducts.isLoading && <PopularProductSkeleton /> }
+      { !popularProducts.isLoading && (
+        <ProductSlider 
+          products={popularProducts.data}
+          simpleTitle
+        />
+      ) }
+    </div>
+  )
+}
+
+export default PopularProduct
\ No newline at end of file
-- 
cgit v1.2.3


From f66b12fd1d0b83af0d7230d7b1565fbe00afbe3c Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Wed, 22 Feb 2023 11:03:34 +0700
Subject: prettier

---
 src/lib/home/components/PopularProduct.jsx | 27 +++++++++++----------------
 1 file changed, 11 insertions(+), 16 deletions(-)

(limited to 'src/lib/home/components/PopularProduct.jsx')

diff --git a/src/lib/home/components/PopularProduct.jsx b/src/lib/home/components/PopularProduct.jsx
index 87e47218..7e222b0a 100644
--- a/src/lib/home/components/PopularProduct.jsx
+++ b/src/lib/home/components/PopularProduct.jsx
@@ -1,24 +1,19 @@
-import { Swiper, SwiperSlide } from "swiper/react"
-import usePopularProduct from "../hooks/usePopularProduct"
-import ProductCard from "@/lib/product/components/ProductCard"
-import PopularProductSkeleton from "./Skeleton/PopularProductSkeleton"
-import ProductSlider from "@/lib/product/components/ProductSlider"
+import { Swiper, SwiperSlide } from 'swiper/react'
+import usePopularProduct from '../hooks/usePopularProduct'
+import ProductCard from '@/lib/product/components/ProductCard'
+import PopularProductSkeleton from './Skeleton/PopularProductSkeleton'
+import ProductSlider from '@/lib/product/components/ProductSlider'
 
 const PopularProduct = () => {
   const { popularProducts } = usePopularProduct()
-  
+
   return (
-    <div className="px-4">
-      <div className="font-medium mb-4">Produk Populer</div>
-      { popularProducts.isLoading && <PopularProductSkeleton /> }
-      { !popularProducts.isLoading && (
-        <ProductSlider 
-          products={popularProducts.data}
-          simpleTitle
-        />
-      ) }
+    <div className='px-4'>
+      <div className='font-medium mb-4'>Produk Populer</div>
+      {popularProducts.isLoading && <PopularProductSkeleton />}
+      {!popularProducts.isLoading && <ProductSlider products={popularProducts.data} simpleTitle />}
     </div>
   )
 }
 
-export default PopularProduct
\ No newline at end of file
+export default PopularProduct
-- 
cgit v1.2.3


From ac3fdf7be9982e65d8f83a20bc487f8dd62e3bfc Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Wed, 22 Feb 2023 23:36:47 +0700
Subject: fix

---
 src/lib/home/components/PopularProduct.jsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

(limited to 'src/lib/home/components/PopularProduct.jsx')

diff --git a/src/lib/home/components/PopularProduct.jsx b/src/lib/home/components/PopularProduct.jsx
index 7e222b0a..d23275f7 100644
--- a/src/lib/home/components/PopularProduct.jsx
+++ b/src/lib/home/components/PopularProduct.jsx
@@ -11,7 +11,12 @@ const PopularProduct = () => {
     <div className='px-4'>
       <div className='font-medium mb-4'>Produk Populer</div>
       {popularProducts.isLoading && <PopularProductSkeleton />}
-      {!popularProducts.isLoading && <ProductSlider products={popularProducts.data} simpleTitle />}
+      {!popularProducts.isLoading && (
+        <ProductSlider
+          products={popularProducts.data}
+          simpleTitle
+        />
+      )}
     </div>
   )
 }
-- 
cgit v1.2.3

