From d2e2dd0010caa4b0850cac558eae931995909120 Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Sat, 18 Jan 2025 20:51:22 +0530
Subject: [PATCH] feat: use dark mode icon

---
 src/components/dashboard/NavBar.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/dashboard/NavBar.tsx b/src/components/dashboard/NavBar.tsx
index cbe68f05..b624b4b8 100644
--- a/src/components/dashboard/NavBar.tsx
+++ b/src/components/dashboard/NavBar.tsx
@@ -5,7 +5,7 @@ import styled from "styled-components";
 import { stopRecording } from "../../api/recording";
 import { useGlobalInfoStore } from "../../context/globalInfo";
 import { IconButton, Menu, MenuItem, Typography, Chip, Button, Modal, Tabs, Tab, Box, Snackbar, Tooltip } from "@mui/material";
-import { AccountCircle, Logout, Clear, YouTube, X, Update, Close, Language, Brightness7, Brightness4, Description, LightMode } from "@mui/icons-material";
+import { AccountCircle, Logout, Clear, YouTube, X, Update, Close, Language, Brightness7, Brightness4, Description, LightMode, DarkMode } from "@mui/icons-material";
 import { useNavigate } from 'react-router-dom';
 import { AuthContext } from '../../context/auth';
 import { SaveRecording } from '../recorder/SaveRecording';
@@ -114,7 +114,7 @@ export const NavBar: React.FC<NavBarProps> = ({
           }
         }}
       >
-        {darkMode ? <LightMode /> : <Brightness4 />}
+        {darkMode ? <LightMode /> : <DarkMode />}
       </IconButton>
     </Tooltip>
   );