From 1c6199d2dee71eaeb6bfeac3992a1705f272e786 Mon Sep 17 00:00:00 2001
From: amit <amit63390@gmail.com>
Date: Fri, 8 Nov 2024 22:42:18 +0530
Subject: [PATCH] minor hovering effect

---
 src/components/molecules/NavBar.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/molecules/NavBar.tsx b/src/components/molecules/NavBar.tsx
index b82f2a5d..2bbaa84b 100644
--- a/src/components/molecules/NavBar.tsx
+++ b/src/components/molecules/NavBar.tsx
@@ -19,6 +19,7 @@ interface NavBarProps {
 }
 
 export const NavBar: React.FC<NavBarProps> = ({ recordingName, isRecording }) => {
+  
   const { notify, browserId, setBrowserId } = useGlobalInfoStore();
   const { state, dispatch } = useContext(AuthContext);
   const { user } = state;
@@ -86,7 +87,7 @@ export const NavBar: React.FC<NavBarProps> = ({ recordingName, isRecording }) =>
                 borderRadius: '5px',
                 padding: '8px',
                 marginRight: '10px',
-                '&:hover': { backgroundColor: 'white', color: '#ff00c3' }
+                '&:hover': { backgroundColor: darkMode ? '#333':'#F5F5F5', color: '#ff00c3' }
               }}>
                 <AccountCircle sx={{ marginRight: '5px' }} />
                 <Typography variant="body1">{user.email}</Typography>