fix for frontend to work with api that now handles lang

frontend/src/action-creator.async.js

@@ -7,6 +7,7 @@ import {
   USER_NAME,
   USER_EMAIL,
   USER_PASSWORD,
+  USER_LANG,
   WORKSPACE,
   WORKSPACE_LIST,
   WORKSPACE_DETAIL,
@@ -153,7 +154,8 @@ export const putUserName = (user, newName) => dispatch => {
       method: 'PUT',
       body: JSON.stringify({
         public_name: newName,
-        timezone: user.timezone
+        timezone: user.timezone,
+        lang: user.lang
       })
     },
     actionName: USER_NAME,
@@ -200,6 +202,26 @@ export const putUserPassword = (user, oldPassword, newPassword, newPassword2) =>
   })
 }
 
+export const putUserLang = (user, newLang) => dispatch => {
+  return fetchWrapper({
+    url: `${FETCH_CONFIG.apiUrl}/users/${user.user_id}`,
+    param: {
+      headers: {
+        ...FETCH_CONFIG.headers,
+        'Authorization': 'Basic ' + user.auth
+      },
+      method: 'PUT',
+      body: JSON.stringify({
+        public_name: user.public_name,
+        timezone: user.timezone,
+        lang: newLang
+      })
+    },
+    actionName: USER_LANG,
+    dispatch
+  })
+}
+
 export const putUserWorkspaceRead = (user, idWorkspace) => dispatch => {
   return fetchWrapper({
     url: `${FETCH_CONFIG.apiUrl}/users/${user.user_id}/workspaces/${idWorkspace}/read`,

frontend/src/component/Workspace/ContentItem.jsx

@@ -29,7 +29,7 @@ const ContentItem = props => {
       }
 
       <div className={classnames('content__status')} style={{color: status.hexcolor}}>
-        <div className='content__status__text d-none d-xl-flex align-items-center justify-content-between'>
+        <div className='content__status__text d-none d-xl-flex align-items-center justify-content-center'>
           {status.label}
           <i className={`fa fa-fw fa-${status.faIcon}`} />
         </div>

frontend/src/container/Header.jsx

@@ -21,7 +21,8 @@ import {
   setUserDisconnected
 } from '../action-creator.sync.js'
 import {
-  postUserLogout
+  postUserLogout,
+  putUserLang
 } from '../action-creator.async.js'
 import { COOKIE, PAGE, PROFILE } from '../helper.js'
 
@@ -35,10 +36,19 @@ class Header extends React.Component {
   handleChangeInput = e => this.setState({inputSearchValue: e.target.value})
   handleClickSubmit = () => {}
 
-  handleChangeLang = idLang => {
-    this.props.dispatch(setUserLang(idLang))
-    i18n.changeLanguage(idLang)
-    this.props.dispatchCustomEvent('allApp_changeLang', idLang)
+  handleChangeLang = async idLang => {
+    const { props } = this
+
+    const fetchPutUserLang = await props.dispatch(putUserLang(props.user, idLang))
+    switch (fetchPutUserLang.status) {
+      case 200:
+        props.dispatch(setUserLang(idLang))
+        i18n.changeLanguage(idLang)
+        props.dispatchCustomEvent('allApp_changeLang', idLang)
+        break
+      default: props.dispatch(newFlashMessage(props.t('Error while saving new lang'))); break
+    }
+
   }
 
   handleClickHelp = () => {}
@@ -93,7 +103,7 @@ class Header extends React.Component {
 
               <MenuActionListItemDropdownLang
                 langList={lang}
-                idLangActive={user.lang}
+                idLangActive={user.lang ? user.lang : 'en'}
                 onChangeLang={this.handleChangeLang}
               />
 

frontend/src/container/Sidebar.jsx

@@ -25,10 +25,10 @@ class Sidebar extends React.Component {
   }
 
   customEventReducer = async ({ detail: { type, data } }) => {
-    switch (type) {
-      default:
-        return
-    }
+    // switch (type) {
+    //   default:
+    //     return
+    // }
   }
 
   componentDidUpdate (prevProps, prevState) {

frontend/src/reducer/user.js

@@ -24,7 +24,7 @@ const defaultUser = {
   avatar_url: null,
   created: '',
   public_name: '',
-  lang: 'en' // @FIXME Côme - 2018/07/30 - remove this line when api returns the lang (https://github.com/tracim/tracim/issues/734)
+  lang: ''
 }
 
 export default function user (state = defaultUser, action) {
@@ -33,6 +33,7 @@ export default function user (state = defaultUser, action) {
       return {
         ...state,
         ...action.user,
+        lang: action.user.lang ? action.user.lang : 'en',
         avatar_url: action.user.avatar_url
           ? action.user.avatar_url
           : action.user.public_name ? generateAvatarFromPublicName(action.user.public_name) : ''