jhalitaksoy/mancala
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix SwitchThemeMenu issues

Browse Source
This commit is contained in:
Halit Aksoy 2022-09-03 21:13:25 +03:00
parent 3344439ef4
commit 1a305dc74c
1 changed files with 2 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/headerbar/ThemeSwitchMenu.tsx
View File

@ -8,18 +8,17 @@ import "@szhsin/react-menu/dist/transitions/slide.css"
const ThemeSwitchMenu: FunctionComponent<{ context: Context, textColor: string }> = (props) => { const ThemeSwitchMenu: FunctionComponent<{ context: Context, textColor: string }> = (props) => {
const { context, textColor } = props; const { context, textColor } = props;
const menuButton = <span const menuButton = <span
style={{ color: textColor }} style={{ color: textColor, cursor: 'pointer', userSelect: 'none' }}
className="material-symbols-outlined"> className="material-symbols-outlined">
light_mode light_mode
</span>; </span>;
const menuItems = context.themeManager.themes.map((theme, index) => { const menuItems = context.themeManager.themes.map((theme, index) => {
const themeBackground = context.themeManager.theme.background;
return ( return (
<MenuItem <MenuItem
key={index} key={index}
style={{ color: textColor }} style={{ color: textColor }}
//@ts-ignore //@ts-ignore
onMouseOver={(event) => (event.target.style.background = themeBackground)} onMouseOver={(event) => (event.target.style.background = "transparent")}
//@ts-ignore //@ts-ignore
onMouseOut={(event) => (event.target.style.background = "transparent")} onMouseOut={(event) => (event.target.style.background = "transparent")}
onClick={() => (context.themeManager.theme = theme)}> onClick={() => (context.themeManager.theme = theme)}>