frontend/components/LangSelector/index.tsx (view raw)
1import FormControl from '@mui/material/FormControl';
2import {Enum_Event_Lang} from '../../generated/graphql';
3import Select from '@mui/material/Select';
4import MenuItem from '@mui/material/MenuItem';
5import {useTranslation} from 'react-i18next';
6
7type Props = {
8 value: Enum_Event_Lang;
9 onChange: (lang: Enum_Event_Lang) => void;
10};
11
12const LangSelector = (props: Props) => {
13 const {t} = useTranslation();
14 return (
15 <FormControl fullWidth>
16 <Select
17 labelId="lang-selector"
18 id="lang-selector"
19 variant="standard"
20 value={props.value}
21 onChange={e => props.onChange(e.target.value)}
22 >
23 <MenuItem value={'fr'}>{t`PROTECTED.languages.fr`}</MenuItem>
24 <MenuItem value={'en'}>{t`PROTECTED.languages.en`}</MenuItem>
25 </Select>
26 </FormControl>
27 );
28};
29export default LangSelector;