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

fix: footer

Browse Source
This commit is contained in:
hamid zarghami
2025-12-04 11:14:18 +03:30
parent 091df757d0
commit 5b132b3387
1 changed files with 29 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/share/Footer.tsx
+29 -14
View File
@@ -1,7 +1,7 @@
'use client' 'use client'
import { Button } from '@/components/ui/button' import { Button } from '@/components/ui/button'
import { Separator } from '@/components/ui/separator' import { Separator } from '@/components/ui/separator'
import { Call, Location, Sms } from 'iconsax-react' import { Call, Location, Sms, Share } from 'iconsax-react'
import Image from 'next/image' import Image from 'next/image'
import Link from 'next/link' import Link from 'next/link'
import { FC } from 'react' import { FC } from 'react'
@@ -111,19 +111,34 @@ const Footer: FC = () => {
</div> </div>
<div className='flex gap-1.5'> <div className='flex gap-1.5'>
{siteSetting.results.siteSetting.socialMediaLinks.map((social) => ( {siteSetting.results.siteSetting.socialMediaLinks.map((social) => {
<Link key={social.id} href={social.url} target="_blank" rel="noopener noreferrer"> const isValidUrl = (str: string) => {
<div className='size-10 bg-[#878787] hover:bg-primary rounded-full flex justify-center items-center transition-colors'> try {
<Image new URL(str)
src={social.icon} return true
alt='social media' } catch {
width={20} return false
height={20} }
className='w-5 h-5 object-contain brightness-0 invert' }
/>
</div> return (
</Link> <Link key={social.id} href={social.url} target="_blank" rel="noopener noreferrer">
))} <div className='size-10 bg-[#878787] hover:bg-primary rounded-full flex justify-center items-center transition-colors'>
{isValidUrl(social.icon) ? (
<Image
src={social.icon}
alt='social media'
width={20}
height={20}
className='w-5 h-5 object-contain brightness-0 invert'
/>
) : (
<Share size={20} className='text-white' />
)}
</div>
</Link>
)
})}
</div> </div>
</div> </div>
)} )}