From 2d60e6227165a2a81300d956ba0a2e571005a5c8 Mon Sep 17 00:00:00 2001
From: Bora Lee <learnerbr@gmail.com>
Date: Fri, 20 Sep 2024 18:52:18 +0900
Subject: [PATCH] Add medium to Footer

---
 components/Footer.tsx             | 1 +
 components/social-icons/icons.tsx | 9 +++++++++
 components/social-icons/index.tsx | 2 ++
 data/siteMetadata.js              | 1 +
 4 files changed, 13 insertions(+)

diff --git a/components/Footer.tsx b/components/Footer.tsx
index d2626eb69..6192b4001 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -16,6 +16,7 @@ export default function Footer() {
           <SocialIcon kind="x" href={siteMetadata.x} size={6} />
           <SocialIcon kind="instagram" href={siteMetadata.instagram} size={6} />
           <SocialIcon kind="threads" href={siteMetadata.threads} size={6} />
+          <SocialIcon kind="medium" href={siteMetadata.medium} size={6} />
         </div>
         <div className="mb-2 flex space-x-2 text-sm text-gray-500 dark:text-gray-400">
           <div>{siteMetadata.author}</div>
diff --git a/components/social-icons/icons.tsx b/components/social-icons/icons.tsx
index db6b8f0b2..0be8e37e6 100644
--- a/components/social-icons/icons.tsx
+++ b/components/social-icons/icons.tsx
@@ -93,3 +93,12 @@ export function Instagram(svgProps: SVGProps<SVGSVGElement>) {
     </svg>
   )
 }
+
+export function Medium(svgProps: SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...svgProps}>
+      <title>Medium</title>
+      <path d="M13.54 12a6.8 6.8 0 01-6.77 6.82A6.8 6.8 0 010 12a6.8 6.8 0 016.77-6.82A6.8 6.8 0 0113.54 12zM20.96 12c0 3.54-1.51 6.42-3.38 6.42-1.87 0-3.39-2.88-3.39-6.42s1.52-6.42 3.39-6.42 3.38 2.88 3.38 6.42M24 12c0 3.17-.53 5.75-1.19 5.75-.66 0-1.19-2.58-1.19-5.75s.53-5.75 1.19-5.75C23.47 6.25 24 8.83 24 12z" />
+    </svg>
+  )
+}
diff --git a/components/social-icons/index.tsx b/components/social-icons/index.tsx
index 3bb99b16d..239f55318 100644
--- a/components/social-icons/index.tsx
+++ b/components/social-icons/index.tsx
@@ -9,6 +9,7 @@ import {
   Mastodon,
   Threads,
   Instagram,
+  Medium,
 } from './icons'
 
 const components = {
@@ -22,6 +23,7 @@ const components = {
   mastodon: Mastodon,
   threads: Threads,
   instagram: Instagram,
+  medium: Medium,
 }
 
 type SocialIconProps = {
diff --git a/data/siteMetadata.js b/data/siteMetadata.js
index d84efa5f9..fff094ef6 100644
--- a/data/siteMetadata.js
+++ b/data/siteMetadata.js
@@ -20,6 +20,7 @@ const siteMetadata = {
   linkedin: 'https://www.linkedin.com',
   threads: 'https://www.threads.net',
   instagram: 'https://www.instagram.com',
+  medium: 'https://medium.com',
   locale: 'en-US',
   // set to true if you want a navbar fixed to the top
   stickyNav: false,