From 3853160bf38b36ef96fe5b874d7ac06ed47f39d9 Mon Sep 17 00:00:00 2001
From: SquidSpirit <squid@squidspirit.com>
Date: Sat, 18 Jan 2025 04:16:36 +0800
Subject: [PATCH] BLOG-13 fix: add link to footer icons

---
 .../src/lib/common/presenter/ui/Footer.tsx    | 27 ++++++++++++++++---
 1 file changed, 23 insertions(+), 4 deletions(-)

diff --git a/frontend/src/lib/common/presenter/ui/Footer.tsx b/frontend/src/lib/common/presenter/ui/Footer.tsx
index 8386ec7..84215dc 100644
--- a/frontend/src/lib/common/presenter/ui/Footer.tsx
+++ b/frontend/src/lib/common/presenter/ui/Footer.tsx
@@ -1,15 +1,34 @@
-import { faGithub, faYoutube } from "@fortawesome/free-brands-svg-icons";
+import { faGitAlt, faYoutube } from "@fortawesome/free-brands-svg-icons";
 import { faEnvelope } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import Link from "next/link";
 
 export default function Footer() {
   return (
     <div className="border-t border-gray-300">
       <div className="mx-auto flex max-w-screen-xl flex-col items-center justify-center gap-4 px-4 py-12 md:flex-row md:px-6">
         <div className="flex flex-row items-center justify-center gap-x-4">
-          <FontAwesomeIcon className="size-4" icon={faYoutube} />
-          <FontAwesomeIcon className="size-4" icon={faEnvelope} />
-          <FontAwesomeIcon className="size-4" icon={faGithub} />
+          <Link href="https://www.youtube.com/@squidspirit16" target="_blank">
+            <FontAwesomeIcon
+              className="size-4"
+              icon={faYoutube}
+              title="YouTube Channel"
+            />
+          </Link>
+          <Link href="mailto:squid@squidspirit.com">
+            <FontAwesomeIcon
+              className="size-4"
+              icon={faEnvelope}
+              title="Email"
+            />
+          </Link>
+          <Link href="https://git.squidspirit.com/squid/blog" target="_blank">
+            <FontAwesomeIcon
+              className="size-4"
+              icon={faGitAlt}
+              title="Git Repository"
+            />
+          </Link>
         </div>
         <Devider className="max-md:hidden" />
         <span className="text-sm">Copyright © 2025 SquidSpirit</span>
-- 
2.47.1