summaryrefslogtreecommitdiff
path: root/src/lib/home/components
diff options
context:
space:
mode:
authorRafi Zadanly <zadanlyr@gmail.com>2023-05-22 15:27:01 +0700
committerRafi Zadanly <zadanlyr@gmail.com>2023-05-22 15:27:01 +0700
commit1e89e64ec0bccbe89b9cede0b2054547d40589fa (patch)
tree7910f4fa4b8526ac23cff814aa0f3983aebb874d /src/lib/home/components
parent33da0fcb718335eb1d077af4321ac65e0146a2d6 (diff)
Refactor hero banner and popular product section
Diffstat (limited to 'src/lib/home/components')
-rw-r--r--src/lib/home/components/PopularProduct.jsx42
1 files changed, 0 insertions, 42 deletions
diff --git a/src/lib/home/components/PopularProduct.jsx b/src/lib/home/components/PopularProduct.jsx
deleted file mode 100644
index 3ce7527e..00000000
--- a/src/lib/home/components/PopularProduct.jsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import usePopularProduct from '../hooks/usePopularProduct'
-import PopularProductSkeleton from './Skeleton/PopularProductSkeleton'
-import ProductSlider from '@/lib/product/components/ProductSlider'
-import DesktopView from '@/core/components/views/DesktopView'
-import MobileView from '@/core/components/views/MobileView'
-import ProductCard from '@/lib/product/components/ProductCard'
-
-const PopularProduct = () => {
- const { popularProducts } = usePopularProduct()
-
- return (
- <>
- <MobileView>
- <div className='px-4'>
- <div className='font-medium mb-4'>Produk Banyak Dilihat</div>
- {popularProducts.isLoading && <PopularProductSkeleton />}
- {!popularProducts.isLoading && (
- <ProductSlider products={popularProducts.data} simpleTitle />
- )}
- </div>
- </MobileView>
-
- <DesktopView>
- <div className='border border-gray_r-6 h-full overflow-auto'>
- <div className='font-medium text-center p-4 bg-gray_r-1 border-b border-gray_r-6 sticky top-0 z-10'>
- Produk Banyak Dilihat
- </div>
- <div className='h-full divide-y divide-gray_r-6'>
- {popularProducts.data &&
- popularProducts.data.products.map((product) => (
- <div className='py-2' key={product.id}>
- <ProductCard product={product} variant='horizontal' />
- </div>
- ))}
- </div>
- </div>
- </DesktopView>
- </>
- )
-}
-
-export default PopularProduct