aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/atoms/links/social-link.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/atoms/links/social-link.tsx')
-rw-r--r--src/components/atoms/links/social-link.tsx51
1 files changed, 0 insertions, 51 deletions
diff --git a/src/components/atoms/links/social-link.tsx b/src/components/atoms/links/social-link.tsx
deleted file mode 100644
index 9f8feb6..0000000
--- a/src/components/atoms/links/social-link.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import { FC } from 'react';
-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 './social-link.module.scss';
-
-export type SocialWebsite = 'Github' | 'Gitlab' | 'LinkedIn' | 'Twitter';
-
-export type SocialLinkProps = {
- /**
- * The social website name.
- */
- name: SocialWebsite;
- /**
- * The social profile url.
- */
- url: string;
-};
-
-/**
- * SocialLink component
- *
- * Render a social icon link.
- */
-export const SocialLink: FC<SocialLinkProps> = ({ name, url }) => {
- /**
- * Retrieve a social link icon by id.
- * @param {string} id - The social website id.
- */
- const getIcon = (id: string) => {
- switch (id) {
- case 'Github':
- return <GithubIcon className={styles.icon} aria-hidden="true" />;
- case 'Gitlab':
- return <GitlabIcon className={styles.icon} aria-hidden="true" />;
- case 'LinkedIn':
- return <LinkedInIcon className={styles.icon} aria-hidden="true" />;
- case 'Twitter':
- return <TwitterIcon className={styles.icon} aria-hidden="true" />;
- default:
- break;
- }
- };
-
- return (
- <a aria-label={name} className={styles.link} href={url}>
- {getIcon(name)}
- </a>
- );
-};