You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
31 lines
808 B
31 lines
808 B
import Image from 'next/image'; |
|
import { FC } from 'react'; |
|
import { SocialLink } from '../../../interfaces/social-link.model'; |
|
import styles from './SocialLinks.module.scss'; |
|
|
|
export type SocialLinksProps = { |
|
links: SocialLink[]; |
|
}; |
|
|
|
export const SocialLinks: FC<SocialLinksProps> = ({ links }) => ( |
|
<div className={styles.links}> |
|
{links.map(link => ( |
|
<a |
|
key={link.platform} |
|
href={link.url} |
|
className={styles.link} |
|
target="_blank" |
|
// eslint-disable-next-line react/no-invalid-html-attribute |
|
rel="noreferrer me" |
|
> |
|
<Image |
|
src={link.icon || '/img/platformlogos/default.svg'} |
|
alt={link.platform} |
|
className={styles.link} |
|
width="30" |
|
height="30" |
|
/> |
|
</a> |
|
))} |
|
</div> |
|
);
|
|
|