aboutsummaryrefslogtreecommitdiffstats
path: root/components/Social
diff options
context:
space:
mode:
Diffstat (limited to 'components/Social')
-rw-r--r--components/Social/Social.module.css21
-rw-r--r--components/Social/Social.tsx45
2 files changed, 0 insertions, 66 deletions
diff --git a/components/Social/Social.module.css b/components/Social/Social.module.css
deleted file mode 100644
index ad0728a..0000000
--- a/components/Social/Social.module.css
+++ /dev/null
@@ -1,21 +0,0 @@
-.social {
- display: flex;
- flex-flow: row nowrap;
- justify-content: center;
- align-items: center;
- margin: 0 1rem;
- width: 45px;
- height: 45px;
-}
-
-.social img {
- width: 40px;
- height: 40px;
- transition: transform 0.1s;
-}
-
-.social:hover img,
-.social:active img,
-.social:focus img {
- transform: scale(1.1);
-}
diff --git a/components/Social/Social.tsx b/components/Social/Social.tsx
deleted file mode 100644
index f663f6e..0000000
--- a/components/Social/Social.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import styles from "./Social.module.css";
-
-export type SocialType = "telegram" | "linkedin" | "github";
-
-interface Props {
- type: SocialType;
-}
-
-interface TypeItem {
- alt: string;
- src: string;
- href: string;
-}
-
-const typeMap: Record<SocialType, TypeItem> = {
- telegram: {
- alt: "Telegram",
- src: "/social/telegram.svg",
- href: "https://t.me/kal_jan",
- },
- linkedin: {
- alt: "LinkedIn",
- src: "/social/linkedin.svg",
- href: "https://www.linkedin.com/in/jantuomi/",
- },
- github: {
- alt: "GitHub",
- src: "/social/github.svg",
- href: "http://github.com/jantuomi"
- },
-};
-
-const Social = ({ type }: Props): JSX.Element => {
- const typeItem = typeMap[type];
-
- return (
- <a className={styles.social} target="blank" rel="noopener noreferrer" href={typeItem.href}>
- <img src={typeItem.src} alt={typeItem.alt} />
- </a>
- );
-};
-
-
-
-export default Social;