diff options
| author | Rafi Zadanly <zadanlyr@gmail.com> | 2023-03-15 14:52:16 +0700 |
|---|---|---|
| committer | Rafi Zadanly <zadanlyr@gmail.com> | 2023-03-15 14:52:16 +0700 |
| commit | 4e634a9d3556e94c7ce0729ef9f15b73495b2e28 (patch) | |
| tree | 1f04e5bb360ea4801dfc47a58354ff21b93b34a1 /src/lib/home/components | |
| parent | 3b19ddcd0051f094b4659a35107646d678c2fd0c (diff) | |
product detail desktop
Diffstat (limited to 'src/lib/home/components')
| -rw-r--r-- | src/lib/home/components/Skeleton/PopularProductSkeleton.jsx | 23 |
1 files changed, 19 insertions, 4 deletions
diff --git a/src/lib/home/components/Skeleton/PopularProductSkeleton.jsx b/src/lib/home/components/Skeleton/PopularProductSkeleton.jsx index 18a1b3d3..29fda966 100644 --- a/src/lib/home/components/Skeleton/PopularProductSkeleton.jsx +++ b/src/lib/home/components/Skeleton/PopularProductSkeleton.jsx @@ -1,10 +1,25 @@ import ProductCardSkeleton from '@/core/components/elements/Skeleton/ProductCardSkeleton' +import DesktopView from '@/core/components/views/DesktopView' +import MobileView from '@/core/components/views/MobileView' const PopularProductSkeleton = () => ( - <div className='grid grid-cols-2 gap-x-3'> - <ProductCardSkeleton /> - <ProductCardSkeleton /> - </div> + <> + <MobileView> + <div className='grid grid-cols-2 gap-x-3'> + <ProductCardSkeleton /> + <ProductCardSkeleton /> + </div> + </MobileView> + <DesktopView> + <div className='grid grid-cols-5 gap-x-3'> + <ProductCardSkeleton /> + <ProductCardSkeleton /> + <ProductCardSkeleton /> + <ProductCardSkeleton /> + <ProductCardSkeleton /> + </div> + </DesktopView> + </> ) export default PopularProductSkeleton |