diff options
| author | HATEC\SPVDEV001 <tri.susilo@altama.co.id> | 2023-08-09 10:47:44 +0700 |
|---|---|---|
| committer | HATEC\SPVDEV001 <tri.susilo@altama.co.id> | 2023-08-09 10:47:44 +0700 |
| commit | 407af81fb2d9ebdf3415fe7b34d08996ed7c80ec (patch) | |
| tree | 675d0981a6259b814c3deb7bd053a85892fea53b /src/lib/home | |
| parent | 9595223471946520f5c156e24eceb577fae4c901 (diff) | |
| parent | 863047e92834479ce8edb576b57b129c611821a8 (diff) | |
Merge branch 'master' into CR/flash_sale
# Conflicts:
# src/lib/product/components/ProductCard.jsx
Diffstat (limited to 'src/lib/home')
| -rw-r--r-- | src/lib/home/components/Skeleton/PreferredBrandSkeleton.jsx | 22 |
1 files changed, 13 insertions, 9 deletions
diff --git a/src/lib/home/components/Skeleton/PreferredBrandSkeleton.jsx b/src/lib/home/components/Skeleton/PreferredBrandSkeleton.jsx index 00589342..bd783053 100644 --- a/src/lib/home/components/Skeleton/PreferredBrandSkeleton.jsx +++ b/src/lib/home/components/Skeleton/PreferredBrandSkeleton.jsx @@ -1,12 +1,16 @@ -import BrandSkeleton from '@/core/components/elements/Skeleton/BrandSkeleton' +import useDevice from '@/core/hooks/useDevice' +import Skeleton from 'react-loading-skeleton' -const PreferredBrandSkeleton = () => ( - <div className='grid grid-cols-4 gap-x-3'> - <BrandSkeleton /> - <BrandSkeleton /> - <BrandSkeleton /> - <BrandSkeleton /> - </div> -) +const PreferredBrandSkeleton = () => { + const { isDesktop } = useDevice() + + return ( + <div className='grid grid-cols-4 md:grid-cols-8 gap-x-3'> + {Array.from({ length: isDesktop ? 8 : 4 }, (_, index) => ( + <Skeleton count={1} height={isDesktop ? 84 : 56} key={index} /> + ))} + </div> + ) +} export default PreferredBrandSkeleton |