summaryrefslogtreecommitdiff
path: root/src/lib
diff options
context:
space:
mode:
Diffstat (limited to 'src/lib')
-rw-r--r--src/lib/home/components/PopularProduct.jsx42
-rw-r--r--src/lib/home/hooks/usePopularProduct.js13
2 files changed, 0 insertions, 55 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
diff --git a/src/lib/home/hooks/usePopularProduct.js b/src/lib/home/hooks/usePopularProduct.js
deleted file mode 100644
index d0c34bb0..00000000
--- a/src/lib/home/hooks/usePopularProduct.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import popularProductApi from '../api/popularProductApi'
-import { useQuery } from 'react-query'
-
-const usePopularProduct = () => {
- const fetchPopularProduct = async () => await popularProductApi()
- const { data, isLoading } = useQuery('popularProduct', fetchPopularProduct)
-
- return {
- popularProducts: { data, isLoading }
- }
-}
-
-export default usePopularProduct