From b3065e97560ff34228eb8ff527aeb3c9c585a197 Mon Sep 17 00:00:00 2001
From: CodinMaster <latheyapoorv@gmail.com>
Date: Mon, 17 Jan 2022 05:18:10 +0530
Subject: [PATCH] Add link to github repo

---
 src/components/Navbar.js | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/components/Navbar.js b/src/components/Navbar.js
index 87f96fd..caa7602 100644
--- a/src/components/Navbar.js
+++ b/src/components/Navbar.js
@@ -1,6 +1,16 @@
 import React from "react";
-import { Button, useColorMode, Flex, Heading, Spacer } from "@chakra-ui/react";
+import {
+  Button,
+  useColorMode,
+  Flex,
+  Heading,
+  Spacer,
+  Box,
+  Link,
+} from "@chakra-ui/react";
 import { SunIcon, MoonIcon } from "@chakra-ui/icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faGithub } from "@fortawesome/free-brands-svg-icons";
 
 function Navbar() {
   const { colorMode, toggleColorMode } = useColorMode();
@@ -17,10 +27,18 @@ function Navbar() {
       <Heading maxW={["302px", "4xl", "4xl", "4xl"]}>
         🎭 Impersonator 🕵️
       </Heading>
-      <Flex flex="1" justifyContent="flex-end">
+      <Flex flex="1" justifyContent="flex-end" alignItems={"center"}>
         <Button onClick={toggleColorMode} rounded="full" h="40px" w="40px">
           {colorMode === "light" ? <MoonIcon /> : <SunIcon />}
         </Button>
+        <Box pl="1rem">
+          <Link
+            href={"https://github.com/apoorvlathey/impersonator"}
+            isExternal
+          >
+            <FontAwesomeIcon icon={faGithub} size="2x" />
+          </Link>
+        </Box>
       </Flex>
     </Flex>
   );