diff options
| author | Rafi Zadanly <zadanlyr@gmail.com> | 2023-05-22 15:27:01 +0700 |
|---|---|---|
| committer | Rafi Zadanly <zadanlyr@gmail.com> | 2023-05-22 15:27:01 +0700 |
| commit | 1e89e64ec0bccbe89b9cede0b2054547d40589fa (patch) | |
| tree | 7910f4fa4b8526ac23cff814aa0f3983aebb874d /src/lib/home/components | |
| parent | 33da0fcb718335eb1d077af4321ac65e0146a2d6 (diff) | |
Refactor hero banner and popular product section
Diffstat (limited to 'src/lib/home/components')
| -rw-r--r-- | src/lib/home/components/PopularProduct.jsx | 42 |
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 |
