refactor: Update Footer component with new link buttons and fix butto…

…n variant issue
ItsukiKigoshi · Sep 7, 2024 · 31cafe5 · 31cafe5
1 parent e387f62
commit 31cafe5
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 15 deletions.
diff --git 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
@@ -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}