refactor(components): rewrite SocialLink component

* replace default label with a label prop
* rename name prop to icon prop

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>
-  );
-};