diff options
| author | Rafi Zadanly <zadanlyr@gmail.com> | 2023-08-21 14:50:39 +0700 |
|---|---|---|
| committer | Rafi Zadanly <zadanlyr@gmail.com> | 2023-08-21 14:50:39 +0700 |
| commit | 8c726c1669289eab7e6a6989084d7de036063f29 (patch) | |
| tree | a1dfd146b30b21c9fe5e45211ac07057c056b65d /src/lib/home/components | |
| parent | 199bd2f875391f3e0010bccba7748639a28d36f2 (diff) | |
| parent | 28a598a7b0367aa3db14acf5dd700d6264a9f5cc (diff) | |
Merge branch 'master' into development
Diffstat (limited to 'src/lib/home/components')
| -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 |