danak/shop-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

sort banner

Browse Source
This commit is contained in:
hamid zarghami
2025-10-23 12:00:49 +03:30
parent 832fdc0d08
commit 4306662c47
2 changed files with 15 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/home/components/Banners3.tsx
+8 -6
View File
@@ -8,23 +8,25 @@ const Banners3: FC = () => {
const { data } = useGetLanding()
const sortedBanners = data?.results?.banners?.sort((a, b) => a.order - b.order) || []
return (
<div className='flex gap-4'>
<div className='flex flex-col gap-2 h-full flex-1'>
<div className='flex-1 h-full'>
<Link href={data?.results?.banners?.[1]?.linkUrl || '#'}>
<Image src={data?.results?.banners?.[1]?.imageUrl as string} height={500} width={1000} className='flex-1 rounded-lg' alt={data?.results?.banners?.[0]?.altText as string} />
<Link href={sortedBanners[0]?.linkUrl || '#'}>
<Image src={sortedBanners[0]?.imageUrl as string} height={500} width={1000} className='flex-1 rounded-lg' alt={sortedBanners[1]?.altText as string} />
</Link>
</div>
<div className='flex-1 h-full'>
<Link href={data?.results?.banners?.[2]?.linkUrl || '#'}>
<Image src={data?.results?.banners?.[2]?.imageUrl as string} height={500} width={1000} className='flex-1 rounded-lg' alt={data?.results?.banners?.[2]?.altText as string} />
<Link href={sortedBanners[1]?.linkUrl || '#'}>
<Image src={sortedBanners[1]?.imageUrl as string} height={500} width={1000} className='flex-1 rounded-lg' alt={sortedBanners[2]?.altText as string} />
</Link>
</div>
</div>
<div className='flex-1 h-full'>
<Link href={data?.results?.banners?.[0]?.linkUrl || '#'}>
<Image src={data?.results?.banners?.[0]?.imageUrl as string} height={1000} width={1000} className='flex-1 rounded-lg h-full object-cover' alt={data?.results?.banners?.[0]?.altText as string} />
<Link href={sortedBanners[2]?.linkUrl || '#'}>
<Image src={sortedBanners[2]?.imageUrl as string} height={1000} width={1000} className='flex-1 rounded-lg h-full object-cover' alt={sortedBanners[0]?.altText as string} />
</Link>
</div>
</div>