feat: :lipstick: Add icon for lang selection #548
Tim Izzo tim@octree.ch
Wed, 04 Dec 2024 11:48:30 +0100
1 files changed,
8 insertions(+),
1 deletions(-)
M
frontend/containers/Languages/MenuItem.tsx
→
frontend/containers/Languages/MenuItem.tsx
@@ -8,6 +8,8 @@ import withLanguagesSelection, {
LanguageSelectionComponentProps, } from './withLanguagesSelection'; import {langLocales, langs} from '../../locales/constants'; +import {ListItemIcon, ListItemText} from '@mui/material'; +import LanguageIcon from '@mui/icons-material/Language'; const Languages = ({ language,@@ -28,7 +30,12 @@ };
return ( <Box> - <MenuItem onClick={handleClick}>{t('menu.language')}</MenuItem> + <MenuItem onClick={handleClick}> + <ListItemIcon> + <LanguageIcon /> + </ListItemIcon> + <ListItemText>{t('menu.language')}</ListItemText> + </MenuItem> <MenuList sx={{ visibility: isSelecting ? 'visible' : 'hidden',