diff --git a/src/components/SocialLink/SocialLink.tsx b/src/components/SocialLink/SocialLink.tsx index e7e6675..9374c81 100644 --- a/src/components/SocialLink/SocialLink.tsx +++ b/src/components/SocialLink/SocialLink.tsx @@ -7,6 +7,7 @@ import { FaYoutube, FaGithub, FaInstagram, + FaExternalLinkAlt } from "react-icons/fa"; const icons = { @@ -25,23 +26,18 @@ export interface Props { } const SocialLink: React.FC = ({ href, iconName }) => { - const Icon = icons[iconName]; - - if (Icon) { - return ( - - - - ); - } - console.error(`The iconname is unknown: ${iconName}`); - return null; + const Icon = icons[iconName] || FaExternalLinkAlt; + return ( + + + + ); }; export default SocialLink;