From 6d8dc3085b7385bf0ad7d0cda411be80bdf5bb0f Mon Sep 17 00:00:00 2001
From: Lucid Kobold <72232219+LucidKobold@users.noreply.github.com>
Date: Wed, 3 Apr 2024 17:34:39 -0400
Subject: [PATCH] Add a "view codebase" button.

---
 src/components/buttons/GitHub.tsx    | 24 ++++++++++++++++++++++++
 src/components/buttons/data/links.ts |  5 ++++-
 src/components/buttons/index.tsx     |  9 +++++++++
 3 files changed, 37 insertions(+), 1 deletion(-)
 create mode 100644 src/components/buttons/GitHub.tsx

diff --git a/src/components/buttons/GitHub.tsx b/src/components/buttons/GitHub.tsx
new file mode 100644
index 0000000..ef4c367
--- /dev/null
+++ b/src/components/buttons/GitHub.tsx
@@ -0,0 +1,24 @@
+import React from "react";
+import { Box, Link, Button, BoxProps, Text } from "@chakra-ui/react";
+import { Icon } from "@iconify/react";
+import { motion } from "framer-motion";
+
+const MotionBox = motion<BoxProps>(Box);
+
+const GitHub = (): JSX.Element => {
+  return (
+    <MotionBox whileHover={{ scale: 1.1 }} whileTap={{ scale: 0.9 }}>
+      <Link
+        href="work/lcm/LucidCreationsWebsite/src/components/buttons/KoFi.tsx"
+        target="_blank"
+        rel="noopener"
+      >
+        <Button variant="primary" leftIcon={<Icon icon="mdi:github" />}>
+          <Text>{"View Codebase"}</Text>
+        </Button>
+      </Link>
+    </MotionBox>
+  );
+};
+
+export default GitHub;
diff --git a/src/components/buttons/data/links.ts b/src/components/buttons/data/links.ts
index 9835682..059dc00 100644
--- a/src/components/buttons/data/links.ts
+++ b/src/components/buttons/data/links.ts
@@ -1,7 +1,7 @@
 export interface LinkObj {
   href?: string;
   name?: string;
-  type: "primary" | "secondary" | "updates" | "ko-fi";
+  type: "primary" | "secondary" | "ko-fi" | "GitHub";
 }
 
 type Links = LinkObj[];
@@ -19,6 +19,9 @@ const links: Links = [
     href: "https://t.me/LucidCreationsMedia",
     name: "Dev Updates",
     type: "secondary"
+  },
+  {
+    type: "GitHub"
   }
 ];
 
diff --git a/src/components/buttons/index.tsx b/src/components/buttons/index.tsx
index 44450a0..07cfba0 100644
--- a/src/components/buttons/index.tsx
+++ b/src/components/buttons/index.tsx
@@ -3,6 +3,7 @@ import { Box, HStack, VStack } from "@chakra-ui/react";
 import CustomButton from "./Custom";
 import links, { LinkObj } from "./data/links";
 import KoFi from "./KoFi";
+import GitHub from "./GitHub";
 
 const Buttons = (): JSX.Element => {
   return (
@@ -32,6 +33,10 @@ const Buttons = (): JSX.Element => {
           if (type === "ko-fi") {
             return <KoFi key={type} />;
           }
+
+          if (type === "GitHub") {
+            return <GitHub key={type} />;
+          }
         })}
       </HStack>
       <VStack
@@ -59,6 +64,10 @@ const Buttons = (): JSX.Element => {
           if (type === "ko-fi") {
             return <KoFi key={type} />;
           }
+
+          if (type === "GitHub") {
+            return <GitHub key={type} />;
+          }
         })}
       </VStack>
     </Box>