localization

react/admin-panel/src/elements/footer.jsx

@@ -1,11 +1,11 @@
 import React from "react";
 
-export default function Footer() {
+export default function Footer(props) {
 
     return (
         <footer className={"main-footer"}>
             Theme: <strong>Copyright © 2014-2019 <a href={"https://adminlte.io"}>AdminLTE.io</a>. <b>Version</b> 3.0.3</strong>&nbsp;
-            CMS: <strong><a href={"https://git.romanh.de/Projekte/web-base"}>WebBase</a></strong>. <b>Version</b> 1.2.6
+            CMS: <strong><a href={"https://git.romanh.de/Projekte/web-base"}>WebBase</a></strong>. <b>Version</b> {props.info.version}
         </footer>
     )
 }

react/admin-panel/src/elements/language-selection.js

@@ -1,7 +1,7 @@
-import React, {useState} from 'react';
-import {L} from "shared/locale";
+import React, {useCallback, useContext, useState} from 'react';
 import {Box} from "@material-ui/core";
 import {makeStyles} from "@material-ui/core/styles";
+import {LocaleContext} from "shared/locale";
 
 const useStyles = makeStyles((theme) => ({
     languageFlag: {
@@ -15,17 +15,16 @@ export default function LanguageSelection(props) {
 
     const api = props.api;
     const classes = useStyles();
-    let [languages, setLanguages] = useState(null);
+    const [languages, setLanguages] = useState(null);
+    const {translate: L, setLanguageByCode} = useContext(LocaleContext);
 
-    const onSetLanguage = (code) => {
-        api.setLanguageByCode(code).then((res) => {
-            if (res.success) {
-                props.onUpdateLocale();
-            } else {
+    const onSetLanguage = useCallback((code) => {
+        setLanguageByCode(api, code).then((res) => {
+            if (!res.success) {
                 alert(res.msg);
             }
         });
-    };
+    }, []);
 
     let flags = [];
     if (languages === null) {