get locale from user if exists

src/components/Blockly/BlocklyWindow.js

@@ -18,16 +18,9 @@ class BlocklyWindow extends Component {
   constructor(props) {
     super(props);
     this.simpleWorkspace = React.createRef();
-    // if (locale === null) {
-    //   if (navigator.language === 'de-DE') {
-    //     locale = 'de';
-    //   } else {
-    //     locale = 'en';
-    //   }
-    // }
-    if (this.props.language === 'de') {
+    if (this.props.language === 'de_DE') {
       Blockly.setLocale(De);
-    } else if (this.props.language === 'en') {
+    } else if (this.props.language === 'en_US') {
       Blockly.setLocale(En);
     }
   }

src/components/Content.js

@@ -14,18 +14,18 @@ import Cookies from './Cookies';
 class Content extends Component {
 
   componentDidMount() {
-    if (this.props.language === 'de') {
+    if (this.props.language === 'de_DE') {
       Blockly.setLocale(De);
-    } else if (this.props.language === 'en') {
+    } else if (this.props.language === 'en_US') {
       Blockly.setLocale(En);
     }
   }
 
   componentDidUpdate(props){
     if(props.language !== this.props.language){
-      if (this.props.language === 'de') {
+      if (this.props.language === 'de_DE') {
         Blockly.setLocale(De);
-      } else if (this.props.language === 'en') {
+      } else if (this.props.language === 'en_US') {
         Blockly.setLocale(En);
       }
     }

src/components/Settings/LanguageSelector.js

@@ -37,8 +37,8 @@ class LanguageSelector extends Component {
             value={this.props.language}
             onChange={this.handleChange}
           >
-            <MenuItem value={'de'}>{Blockly.Msg.settings_language_de}</MenuItem>
-            <MenuItem value={'en'}>{Blockly.Msg.settings_language_en}</MenuItem>
+            <MenuItem value={'de_DE'}>{Blockly.Msg.settings_language_de}</MenuItem>
+            <MenuItem value={'en_US'}>{Blockly.Msg.settings_language_en}</MenuItem>
           </Select>
         </FormControl>
       </div>