diff options
author | 2020-11-27 00:38:22 +0100 | |
---|---|---|
committer | 2020-11-27 00:38:22 +0100 | |
commit | 5bc2917e78c133cd8966a65aa200588eb6d7c0d6 (patch) | |
tree | 1ab1f1837932b45092a7207af99c3a6cefed5e73 /client/src/login | |
parent | f2fcc41cb17ece1fc5acf57809c5e3d61c236133 (diff) | |
download | website_creator-5bc2917e78c133cd8966a65aa200588eb6d7c0d6.tar.gz website_creator-5bc2917e78c133cd8966a65aa200588eb6d7c0d6.tar.bz2 website_creator-5bc2917e78c133cd8966a65aa200588eb6d7c0d6.zip |
save language in login & admin apps
Diffstat (limited to 'client/src/login')
-rw-r--r-- | client/src/login/jsx/App.jsx | 21 | ||||
-rw-r--r-- | client/src/login/jsx/LoginPanel.jsx | 2 |
2 files changed, 16 insertions, 7 deletions
diff --git a/client/src/login/jsx/App.jsx b/client/src/login/jsx/App.jsx index e33e6c2..58256a8 100644 --- a/client/src/login/jsx/App.jsx +++ b/client/src/login/jsx/App.jsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import React, { useState, useEffect } from 'react'; import ReactDOM from 'react-dom'; import "../scss/index.scss"; @@ -13,18 +13,27 @@ const App = () => { const [lang, setLang] = useState(defaultLanguage); const [info, setInfo] = useState('login-info'); const [hover, setHover] = useState(''); - const [user, setUser] = useState(null); + + const setLangHelper = (key) => { + setLang(key); + localStorage.setItem('language', key); + } + + useEffect(() => { + const savedLang = localStorage.getItem('language'); + if (savedLang) { + setLang(savedLang); + } + }, []) return ( <Context.Provider value={{ lang, setHover, setInfo }}> <div className="main"> <TopBar lang={lang} - setLang={setLang} - /> - <LoginPanel - setUser={setUser} + setLang={setLangHelper} /> + <LoginPanel/> <Info info={info} hover={hover} diff --git a/client/src/login/jsx/LoginPanel.jsx b/client/src/login/jsx/LoginPanel.jsx index 96b118f..c84e843 100644 --- a/client/src/login/jsx/LoginPanel.jsx +++ b/client/src/login/jsx/LoginPanel.jsx @@ -2,7 +2,7 @@ import React, {useState, useEffect, useContext} from 'react'; import login from '../api/login'; import { t } from '../../admin/hocs'; -const LoginPanel = ({setUser}) => { +const LoginPanel = () => { const [email, setEmail] = useState(''); const [password, setPassword] = useState(''); const [active, setActive] = useState(false); |