add language selection

2020-10-29 08:48:35 +01:00
parent 0a459938a8
commit 14947267d1
19 changed files with 399 additions and 30 deletions
@@ -0,0 +1,43 @@
+import React from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import InputLabel from '@material-ui/core/InputLabel';
+import MenuItem from '@material-ui/core/MenuItem';
+import FormControl from '@material-ui/core/FormControl';
+import Select from '@material-ui/core/Select';
+
+const useStyles = makeStyles((theme) => ({
+    formControl: {
+        margin: theme.spacing(1),
+        minWidth: 120,
+    },
+    selectEmpty: {
+        marginTop: theme.spacing(2),
+    },
+}));
+
+export default function LanguageSelector() {
+    const classes = useStyles();
+    const [lang, setLang] = React.useState(window.localStorage.getItem('locale'));
+
+    const handleChange = (event) => {
+        setLang(event.target.value);
+        window.localStorage.setItem('locale', event.target.value);
+    };
+
+    return (
+        <div>
+            <FormControl className={classes.formControl}>
+                <InputLabel id="demo-simple-select-label">Sprache</InputLabel>
+                <Select
+                    labelId="demo-simple-select-label"
+                    id="demo-simple-select"
+                    value={lang}
+                    onChange={handleChange}
+                >
+                    <MenuItem value={'de'}>Deutsch</MenuItem>
+                    <MenuItem value={'en'}>English</MenuItem>
+                </Select>
+            </FormControl>
+        </div>
+    );
+}