From 808d983bd19a6781b21e0ed117a7b297e1cdf414 Mon Sep 17 00:00:00 2001
From: Calli <calli-eve@proton.me>
Date: Fri, 23 Jun 2023 21:32:26 +0300
Subject: [PATCH] add github button

---
 src/app/components/Characters/CharacterRow.tsx |  2 +-
 src/app/components/Github/GitHubButton.tsx     | 14 ++++++++++++++
 src/app/components/MainGrid.tsx                |  2 ++
 3 files changed, 17 insertions(+), 1 deletion(-)
 create mode 100644 src/app/components/Github/GitHubButton.tsx

diff --git a/src/app/components/Characters/CharacterRow.tsx b/src/app/components/Characters/CharacterRow.tsx
index 6292cd2..d7276a8 100644
--- a/src/app/components/Characters/CharacterRow.tsx
+++ b/src/app/components/Characters/CharacterRow.tsx
@@ -51,7 +51,7 @@ export const CharacterRow = ({ character }: { character: AccessToken }) => {
           height={120}
           style={{ marginBottom: "0.2rem", borderRadius: 8 }}
         />
-        <Button style={{ padding: 3, fontSize: "0.5rem" }} variant="outlined">
+        <Button style={{ padding: 3, fontSize: "0.6rem" }} variant="outlined">
           {character.character.name}
         </Button>
       </Box>
diff --git a/src/app/components/Github/GitHubButton.tsx b/src/app/components/Github/GitHubButton.tsx
new file mode 100644
index 0000000..76a4d98
--- /dev/null
+++ b/src/app/components/Github/GitHubButton.tsx
@@ -0,0 +1,14 @@
+import { Box, Button } from "@mui/material";
+export const GitHubButton = () => {
+  return (
+    <Box>
+      <Button
+        href="https://github.com/calli-eve/eve-pi"
+        target="_blank"
+        style={{ width: "100%" }}
+      >
+        GitHub
+      </Button>
+    </Box>
+  );
+};
diff --git a/src/app/components/MainGrid.tsx b/src/app/components/MainGrid.tsx
index 6da1b7f..d4b785f 100644
--- a/src/app/components/MainGrid.tsx
+++ b/src/app/components/MainGrid.tsx
@@ -6,6 +6,7 @@ import { AccessToken } from "@/types";
 import { CharacterContext } from "../context/Context";
 import { DowloadButton } from "./Backup/DowloadButton";
 import { DiscordButton } from "./Discord/DiscordButton";
+import { GitHubButton } from "./Github/GitHubButton";
 
 interface Grouped {
   [key: string]: AccessToken[];
@@ -28,6 +29,7 @@ export const MainGrid = ({ sessionReady }: { sessionReady: boolean }) => {
             <LoginButton />
             <DowloadButton />
             <DiscordButton />
+            <GitHubButton />
           </Stack>
         </Grid>
       </Grid>