From 1e023125a0e30314c31c10903511ca2294250caa Mon Sep 17 00:00:00 2001
From: Nick <33908215+NicholasG04@users.noreply.github.com>
Date: Mon, 21 Mar 2022 21:27:51 +0000
Subject: [PATCH] chore: fix all icons (#163)

---
 src/components/Home/Header.tsx      | 8 +++-----
 src/components/Nav/NavBar.tsx       | 4 ++--
 src/components/Nav/SignedInMenu.tsx | 3 ++-
 3 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/components/Home/Header.tsx b/src/components/Home/Header.tsx
index e945534..b2b8c3a 100644
--- a/src/components/Home/Header.tsx
+++ b/src/components/Home/Header.tsx
@@ -1,7 +1,5 @@
 import {
-  Flex, Heading, Button, Box,
-  Icon,
-  Spinner,
+  Flex, Heading, Button, Box, Spinner,
 } from '@chakra-ui/react';
 import { SiMicrosoftoffice } from 'react-icons/si';
 import { BsFillArrowDownCircleFill, BsArrowDownCircle } from 'react-icons/bs';
@@ -22,11 +20,11 @@ const Header: React.FC = () => {
         {isLoading ? <Spinner />
           : user ? (
             <NextLink href="/panel">
-              <a><Button leftIcon={<Icon as={FaRegUser} color="white" boxSize={8} />} fontSize="24" p={8}>User Panel</Button></a>
+              <a><Button leftIcon={<FaRegUser />} fontSize="24" p={8}>User Panel</Button></a>
             </NextLink>
           )
             : (
-              <Button onClick={signin} leftIcon={<Icon as={SiMicrosoftoffice} color="white" boxSize={8} />} fontSize="24" p={8}>Sign in with Office</Button>
+              <Button onClick={signin} leftIcon={<SiMicrosoftoffice />} fontSize="24" p={8}>Sign in with Office</Button>
             )}
       </Flex>
       <Flex direction="row" mt="-30px" justify="center" zIndex={105} position="sticky" bottom={2}>
diff --git a/src/components/Nav/NavBar.tsx b/src/components/Nav/NavBar.tsx
index 4f24be4..db1e791 100644
--- a/src/components/Nav/NavBar.tsx
+++ b/src/components/Nav/NavBar.tsx
@@ -1,5 +1,5 @@
 import {
-  Flex, Spacer, Button, Icon, Spinner,
+  Flex, Spacer, Button, Spinner,
 } from '@chakra-ui/react';
 import { FiLogIn } from 'react-icons/fi';
 import { useUser } from '@supabase/supabase-auth-helpers/react';
@@ -20,7 +20,7 @@ const NavBar: React.FC = () => {
         : user
           ? <SignedInMenu />
           : (
-            <Button onClick={signin} leftIcon={<Icon as={FiLogIn} boxSize={6} />}>Sign in</Button>
+            <Button onClick={signin} leftIcon={<FiLogIn size={16} />}>Sign in</Button>
           )}
     </Flex>
   );
diff --git a/src/components/Nav/SignedInMenu.tsx b/src/components/Nav/SignedInMenu.tsx
index 4975fe5..2766ca6 100644
--- a/src/components/Nav/SignedInMenu.tsx
+++ b/src/components/Nav/SignedInMenu.tsx
@@ -8,6 +8,7 @@ import {
 } from '@chakra-ui/react';
 import { useUser } from '@supabase/supabase-auth-helpers/react';
 import { ChevronDownIcon } from '@chakra-ui/icons';
+import { FaRegUser } from 'react-icons/fa';
 import NextLink from 'next/link';
 import { signout } from 'util/authHelpers';
 
@@ -16,7 +17,7 @@ const SignedInMenu = () => {
   if (isLoading || !user) return <Spinner />;
   return (
     <Menu>
-      <MenuButton as={Button} rightIcon={<ChevronDownIcon />}>
+      <MenuButton as={Button} leftIcon={<FaRegUser />} rightIcon={<ChevronDownIcon />}>
         {user.user_metadata.proper_name}
       </MenuButton>
       <MenuList>