alex/nova-betterchat
1
0
Fork 0
mirror of https://github.com/NovaOSS/nova-betterchat.git synced 2024-11-29 10:53:59 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: theme switcher

Browse source
This commit is contained in:
Jing Hua 2023-03-04 12:23:16 +08:00
parent ae835c1791
commit 29f8fe75f3
1 changed files with 12 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
src/components/Menu/MenuOptions/ThemeSwitcher.tsx
View file

@ -34,18 +34,18 @@ const ThemeSwitcher = () => {
} }
}, [theme]); }, [theme]);
return ( return theme ? (
theme && ( <a
<a className='flex py-3 px-3 items-center gap-3 rounded-md hover:bg-gray-500/10 transition-colors duration-200 text-white cursor-pointer text-sm'
className='flex py-3 px-3 items-center gap-3 rounded-md hover:bg-gray-500/10 transition-colors duration-200 text-white cursor-pointer text-sm' onClick={switchTheme}
onClick={switchTheme} >
> {theme === 'dark' ? <SunIcon /> : <MoonIcon />}
{theme === 'dark' ? <SunIcon /> : <MoonIcon />} {getOppositeTheme(theme).charAt(0).toUpperCase() +
{getOppositeTheme(theme).charAt(0).toUpperCase() + getOppositeTheme(theme).slice(1)}{' '}
getOppositeTheme(theme).slice(1)}{' '} mode
mode </a>
</a> ) : (
) <></>
); );
}; };