diff options
Diffstat (limited to 'components/Social')
| -rw-r--r-- | components/Social/Social.module.css | 21 | ||||
| -rw-r--r-- | components/Social/Social.tsx | 45 |
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; |
