Add link to github repo

This commit is contained in:
CodinMaster
2022-01-17 05:18:10 +05:30
parent 12b9249e03
commit b3065e9756

View File

@@ -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>
);