From 31cafe5e680a8cd075894d5995c5c04be8837c4c Mon Sep 17 00:00:00 2001
From: ItsukiKigoshi <itsukikigoshi@gmail.com>
Date: Sat, 7 Sep 2024 14:02:34 +0900
Subject: [PATCH] refactor: Update Footer component with new link buttons and
 fix button variant issue

---
 src/components/Footer.tsx | 14 +++++++-------
 src/components/Main.tsx   | 14 ++++++--------
 2 files changed, 13 insertions(+), 15 deletions(-)

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 8109836..d1c6b6e 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -1,7 +1,7 @@
 import GitHubIcon from "@mui/icons-material/GitHub";
 import InfoIcon from "@mui/icons-material/Info";
 import CottageIcon from "@mui/icons-material/Cottage";
-import { Button, ButtonGroup, Paper, Stack } from "@mui/material";
+import { Button, ButtonGroup, Link, Paper, Stack } from "@mui/material";
 
 export default function Footer() {
   type Items = {
@@ -37,12 +37,6 @@ export default function Footer() {
       inNewTab: false,
       icon: <InfoIcon />,
     },
-    {
-      title: "Source",
-      url: "https://github.com/ItsukiKigoshi/itsukikigoshi.github.io",
-      inNewTab: true,
-      icon: <GitHubIcon />,
-    },
   ]);
 
   return (
@@ -59,6 +53,12 @@ export default function Footer() {
     >
       <Stack spacing={1} alignItems="center">
         {<ButtonGroup>{button_group}</ButtonGroup>}
+        <Link
+          href="https://github.com/ItsukiKigoshi/itsukikigoshi.github.io"
+          target="_blank"
+        >
+          Source of This Site
+        </Link>
       </Stack>
     </Paper>
   );
diff --git a/src/components/Main.tsx b/src/components/Main.tsx
index 125dc47..4428c9f 100644
--- a/src/components/Main.tsx
+++ b/src/components/Main.tsx
@@ -2,7 +2,6 @@
 import GitHubIcon from "@mui/icons-material/GitHub";
 import InstagramIcon from "@mui/icons-material/Instagram";
 import LinkedInIcon from "@mui/icons-material/LinkedIn";
-import TipsAndUpdatesIcon from "@mui/icons-material/TipsAndUpdates";
 import {
   Avatar,
   Box,
@@ -65,20 +64,19 @@ export default function Main() {
       </Stack>
       <Stack spacing={1}>
         <Button
-          startIcon={<TipsAndUpdatesIcon />}
+          startIcon={<LinkedInIcon />}
           variant="outlined"
-          href="https://github.com/ItsukiKigoshi/ItsukiKigoshi/blob/main/README.md"
+          href="https://www.linkedin.com/in/itsukikigoshi"
           target="_blank"
         >
-          About Me
+          LinkedIn
         </Button>
         <Button
-          startIcon={<LinkedInIcon />}
-          variant="contained"
-          href="https://www.linkedin.com/in/itsukikigoshi"
+          variant="outlined"
+          href="https://www.wantedly.com/id/itsukikigoshi"
           target="_blank"
         >
-          Open to Work!
+          Wantedly
         </Button>
         <Stack sx={{ justifyContent: "center" }} direction="row" spacing={2}>
           {linkButtons}