Add link to github repo
This commit is contained in:
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user