import GithubIcon from '@assets/images/social-media/github.svg'; import GitlabIcon from '@assets/images/social-media/gitlab.svg'; import LinkedInIcon from '@assets/images/social-media/linkedin.svg'; import TwitterIcon from '@assets/images/social-media/twitter.svg'; import styles from './SocialMedia.module.scss'; import { ExpandableWidget } from '@components/WidgetParts'; import { useIntl } from 'react-intl'; const SocialMedia = ({ title, github = false, gitlab = false, linkedin = false, twitter = false, }: { title: string; github?: boolean; gitlab?: boolean; linkedin?: boolean; twitter?: boolean; }) => { const intl = useIntl(); const websites = [ { id: 'github', name: intl.formatMessage({ defaultMessage: 'Github', description: 'SocialMedia: Github', }), url: 'https://github.com/ArmandPhilippot', }, { id: 'gitlab', name: intl.formatMessage({ defaultMessage: 'Gitlab', description: 'SocialMedia: Gitlab', }), url: 'https://gitlab.com/ArmandPhilippot', }, { id: 'linkedin', name: intl.formatMessage({ defaultMessage: 'LinkedIn', description: 'SocialMedia: LinkedIn', }), url: 'https://www.linkedin.com/in/armandphilippot', }, { id: 'twitter', name: intl.formatMessage({ defaultMessage: 'Twitter', description: 'SocialMedia: Twitter', }), url: 'https://twitter.com/ArmandPhilippot', }, ]; const getIcon = (id: string) => { switch (id) { case 'github': return ; case 'gitlab': return ; case 'linkedin': return ; case 'twitter': return ; default: break; } }; const shouldDisplayLink = (id: string) => { switch (id) { case 'github': return github; case 'gitlab': return gitlab; case 'linkedin': return linkedin; case 'twitter': return twitter; default: break; } }; const items = websites.map((website) => { return shouldDisplayLink(website.id) ? (

{getIcon(website.id)} {website.name}

) : ( '' ); }); return (

{items} ); }; export default SocialMedia; lain/package.json?id=3a20d3ef2d6fcb6c77ca5ad6aeaf6179d23ecb3e'>plain)