Use Next Image component for social links

This commit is contained in:
Gabe Kangas 2022-10-27 22:56:26 -07:00
parent 62045d94a6
commit 65fcbb9d3f
No known key found for this signature in database
GPG key ID: 9A56337728BC81EA

View file

@ -1,3 +1,4 @@
import Image from 'next/image';
import { FC } from 'react'; import { FC } from 'react';
import { SocialLink } from '../../../interfaces/social-link.model'; import { SocialLink } from '../../../interfaces/social-link.model';
import styles from './SocialLinks.module.scss'; import styles from './SocialLinks.module.scss';
@ -17,11 +18,13 @@ export const SocialLinks: FC<SocialLinksProps> = ({ links }) => (
target="_blank" target="_blank"
rel="noreferrer" rel="noreferrer"
> >
<img <Image
src={link.icon || '/img/platformlogos/default.svg'} src={link.icon || '/img/platformlogos/default.svg'}
alt={link.platform} alt={link.platform}
title={link.platform} title={link.platform}
className={styles.link} className={styles.link}
width="30"
height="30"
/> />
</a> </a>
))} ))}