save language in login & admin apps

4 files changed, 19 insertions, 4 deletions

diff --git a/client/src/admin/api/index.js b/client/src/admin/api/index.js
index 5b4f9dc..35049a3 100644
--- a/client/src/admin/api/index.js
+++ b/client/src/admin/api/index.js
@@ -1,4 +1,5 @@
 import getUser from './getUser';
 import logout from './logout';
+import setDbLang from './setDbLang';
 
-export { getUser, logout };
+export { getUser, logout, setDbLang };
diff --git a/client/src/admin/api/logout.js b/client/src/admin/api/logout.js
index 76137da..b0a9841 100644
--- a/client/src/admin/api/logout.js
+++ b/client/src/admin/api/logout.js
@@ -3,6 +3,5 @@ export default () => (
     method: 'POST',
   })
   .then(() => window.location.href = "/")
-  .then(() => console.log('it will logout'))
   .catch(() => {})
 );
diff --git a/client/src/admin/api/setDbLang.js b/client/src/admin/api/setDbLang.js
new file mode 100644
index 0000000..e48f6d1
--- /dev/null
+++ b/client/src/admin/api/setDbLang.js
@@ -0,0 +1,10 @@
+export default (language) => (
+  fetch('/api/user/language', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify({ language }),
+  })
+    .catch(() => {})
+);
diff --git a/client/src/admin/jsx/App.jsx b/client/src/admin/jsx/App.jsx
index 3a4da84..1bb224f 100644
--- a/client/src/admin/jsx/App.jsx
+++ b/client/src/admin/jsx/App.jsx
@@ -8,7 +8,7 @@ import Info from './Info.jsx';
 import MainScreen from './MainScreen.jsx';
 import Context from '../context';
 import { defaultLanguage } from '../data/translations';
-import { getUser } from '../api';
+import { getUser, setDbLang } from '../api';
 
 const App = () => {
   const [lang, setLang] = useState(defaultLanguage);
@@ -18,6 +18,11 @@ const App = () => {
   const [view, setView] = useState('main');
   const [user, setUser] = useState(null);
 
+  const setLangWithDb = (key) => {
+    setLang(key)
+    setDbLang(key);
+  };
+
   useEffect(() => {
     getUser(setUser);
     setInfo('no-saved-websites');
@@ -30,7 +35,7 @@ const App = () => {
   return (
     <Context.Provider value={{ lang, setHover, setInfo }}>
       <div className="main">
-        <TopBar lang={lang} setLang={setLang} user={user} setUser={setUser} />
+        <TopBar lang={lang} setLang={setLangWithDb} user={user} setUser={setUser} />
         <div className="main__content">
           { view === 'main' && <MainScreen projects={projects} /> }
         </div>