all repos — caroster @ 7e4ad30305b0414766afb4bde0b0ccb06d77058c

[Octree] Group carpool to your event https://caroster.io

feat: :lipstick: Add icon for lang selection

#548
Tim Izzo tim@octree.ch
Wed, 04 Dec 2024 11:48:30 +0100
commit

7e4ad30305b0414766afb4bde0b0ccb06d77058c

parent

52f085077adba0cfc0605c6cf2680a4b185cd70b

1 files changed, 8 insertions(+), 1 deletions(-)

jump to
M frontend/containers/Languages/MenuItem.tsxfrontend/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',