update: icons in ModeToogle

MichaelTeida · Jan 28, 2024 · c3f0ebe · c3f0ebe
1 parent 3d5cb88
commit c3f0ebe
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/components/ModeToggle.jsx b/src/components/ModeToggle.jsx
@@ -1,6 +1,9 @@
 import {useEffect, useState} from 'react'
 import {Button, useColorScheme} from '@mui/joy';
 
+import LightModeIcon from '@mui/icons-material/LightMode';
+import DarkModeRoundedIcon from '@mui/icons-material/DarkModeRounded';
+
 
 function ModeToggle() {
     const { mode, setMode } = useColorScheme();
@@ -22,6 +25,7 @@ function ModeToggle() {
                 setMode(mode === 'light' ? 'dark' : 'light');
             }}
         >
+            {mode === 'light' ? <DarkModeRoundedIcon sx={{mr: 1}} /> : <LightModeIcon sx={{mr: 1}}/>}
             {mode === 'light' ? 'Turn dark' : 'Turn light'}
         </Button>
     );