/opt/canhelp/apps/web/src/components
Edit: /opt/canhelp/apps/web/src/components/SocialIcons.tsx (6871B)
type SocialLinks = Partial
>
const ICONS: { key: keyof SocialLinks; label: string; hoverClass: string; svg: string }[] = [
{ key: 'telegram', label: 'Telegram', hoverClass: 'hover:text-sky-500', svg: '' },
{ key: 'instagram', label: 'Instagram', hoverClass: 'hover:text-pink-500', svg: '' },
{ key: 'facebook', label: 'Facebook', hoverClass: 'hover:text-green-600', svg: '' },
{ key: 'twitter', label: 'X', hoverClass: 'hover:text-gray-900', svg: '' },
{ key: 'youtube', label: 'YouTube', hoverClass: 'hover:text-red-600', svg: '' },
{ key: 'tiktok', label: 'TikTok', hoverClass: 'hover:text-black', svg: '' },
{ key: 'whatsapp', label: 'WhatsApp', hoverClass: 'hover:text-green-500', svg: '' },
{ key: 'viber', label: 'Viber', hoverClass: 'hover:text-purple-600', svg: '' },
]
export function SocialIcons({ className = '', links }: { className?: string; links?: SocialLinks }) {
const active = ICONS.filter(({ key }) => links?.[key])
if (active.length === 0) return null
return (
{active.map(({ key, label, hoverClass, svg }) => (
))}