From e387f62d8be621717fdd443a5aa1d527d56152f3 Mon Sep 17 00:00:00 2001
From: itsukikigoshi <itsukikigoshi+git@gmail.com>
Date: Thu, 22 Aug 2024 05:35:32 +0900
Subject: [PATCH] feat: update about me to link to the github readme

---
 src/components/DialogAboutMe.tsx | 48 --------------------------------
 src/components/Main.tsx          | 17 ++---------
 2 files changed, 2 insertions(+), 63 deletions(-)
 delete mode 100644 src/components/DialogAboutMe.tsx

diff --git a/src/components/DialogAboutMe.tsx b/src/components/DialogAboutMe.tsx
deleted file mode 100644
index 60e86fb..0000000
--- a/src/components/DialogAboutMe.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-"use client";
-import { DialogTitle, Dialog, Box, Link } from "@mui/material";
-import { useState, useEffect } from "react";
-import ReactMarkdown from "react-markdown";
-
-export interface DialogAboutMeProps {
-  open: boolean;
-  onClose: () => void;
-}
-
-export default function DialogAboutMe(props: DialogAboutMeProps) {
-  const [markdownContent, setMarkdownContent] = useState<string>("");
-
-  useEffect(() => {
-    const fetchMarkdown = async () => {
-      const response = await fetch(
-        "https://raw.githubusercontent.com/ItsukiKigoshi/ItsukiKigoshi/main/README.md"
-      );
-      const text = await response.text();
-      setMarkdownContent(text);
-    };
-    fetchMarkdown();
-  }, []);
-
-  const { onClose, open } = props;
-
-  const handleClose = () => {
-    onClose();
-  };
-
-  return (
-    <Dialog onClose={handleClose} open={open}>
-      <DialogTitle>
-        About Me: Itsuki Kigoshi (
-        <Link
-          href="https://github.com/ItsukiKigoshi/ItsukiKigoshi/blob/main/README.md"
-          target="_blank"
-        >
-          Source
-        </Link>
-        )
-      </DialogTitle>
-      <Box component="section" sx={{ px: 4, pb: 4 }}>
-        <ReactMarkdown>{markdownContent}</ReactMarkdown>
-      </Box>
-    </Dialog>
-  );
-}
diff --git a/src/components/Main.tsx b/src/components/Main.tsx
index 8c9e060..125dc47 100644
--- a/src/components/Main.tsx
+++ b/src/components/Main.tsx
@@ -12,20 +12,7 @@ import {
   Typography,
 } from "@mui/material";
 
-import DialogAboutMe from "@/components/DialogAboutMe";
-import { useState } from "react";
-
 export default function Main() {
-  const [open, setOpen] = useState(false);
-
-  const handleClickOpen = () => {
-    setOpen(true);
-  };
-
-  const handleClose = () => {
-    setOpen(false);
-  };
-
   const links = [
     {
       name: "GitHub",
@@ -80,11 +67,11 @@ export default function Main() {
         <Button
           startIcon={<TipsAndUpdatesIcon />}
           variant="outlined"
-          onClick={handleClickOpen}
+          href="https://github.com/ItsukiKigoshi/ItsukiKigoshi/blob/main/README.md"
+          target="_blank"
         >
           About Me
         </Button>
-        <DialogAboutMe open={open} onClose={handleClose} />
         <Button
           startIcon={<LinkedInIcon />}
           variant="contained"