From a9f476269b09f04bdf322c414326231a837d3d5c Mon Sep 17 00:00:00 2001
From: analuiza2102 <aninhaguiiimaraes2102@gmail.com>
Date: Sun, 24 Mar 2024 17:11:38 -0300
Subject: [PATCH] Update Nav, Styled, Hero

---
 src/Components/NavBar/NavBar.tsx             | 12 +++++-------
 src/Components/StyledButton/StyledButton.tsx |  6 ++++--
 src/Pages/Home/Sections/Hero/Hero.tsx        |  4 ++--
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/Components/NavBar/NavBar.tsx b/src/Components/NavBar/NavBar.tsx
index af90a8e..006b73e 100644
--- a/src/Components/NavBar/NavBar.tsx
+++ b/src/Components/NavBar/NavBar.tsx
@@ -4,15 +4,13 @@ import { AppBar, MenuItem, Toolbar, styled} from "@mui/material"
 
 const NavBar = () =>{
   
-  const StyledToolbar = styled(Toolbar) (() => ({
-
-
+  const StyledToolbar = styled(Toolbar) (({theme}) => ({
     display: "flex",
     justifyContent: "space-evenly",
-
-
-    
-    }))
+    alignItems: "center",
+    backgroundColor: theme.palette.background.default,
+    color: "white",
+  }))
 
 
     return (
diff --git a/src/Components/StyledButton/StyledButton.tsx b/src/Components/StyledButton/StyledButton.tsx
index 2a75320..d83fefb 100644
--- a/src/Components/StyledButton/StyledButton.tsx
+++ b/src/Components/StyledButton/StyledButton.tsx
@@ -2,10 +2,12 @@ import { styled } from '@mui/system';
 
 interface StyledButtonProps {
     children: React.ReactNode;
+    onClick?: () => void;
+
 }
 
 
-const StyledButton: React.FC<StyledButtonProps> = ({children}) =>{
+const StyledButton: React.FC<StyledButtonProps> = ({children, onClick}) =>{
   
     const StyledButton = styled("button") (({ theme}) => ({
         backgroundColor: "transparent",
@@ -26,7 +28,7 @@ const StyledButton: React.FC<StyledButtonProps> = ({children}) =>{
         }))
     return (
       <>
-        <StyledButton>{children}
+        <StyledButton onClick={onClick} >{children}
         </StyledButton>
       </>
     )
diff --git a/src/Pages/Home/Sections/Hero/Hero.tsx b/src/Pages/Home/Sections/Hero/Hero.tsx
index 2fefb6a..4420604 100644
--- a/src/Pages/Home/Sections/Hero/Hero.tsx
+++ b/src/Pages/Home/Sections/Hero/Hero.tsx
@@ -62,14 +62,14 @@ const Hero = () =>{
                         <Grid container display={"Flex"} justifyContent="center" spacing={3} pt={4}> 
 
                             <Grid item xs={12} md={4} display={"Flex"} justifyContent="center" >
-                            <StyledButton >
+                            <StyledButton onClick={console.log }>
                                 <EmailIcon/> 
                                 <Typography> Contact me </Typography>
                             </StyledButton>
                             </Grid>
 
                             <Grid item xs={12} md={4} display={"Flex"} justifyContent="center"> 
-                                    <StyledButton> 
+                                    <StyledButton onClick={console.log }> 
                                         <FileDownloadIcon/>
                                         <Typography> Download CV </Typography>
                                         </StyledButton>