cookies name are now in a constant

src/container/Header.jsx

@@ -2,10 +2,10 @@ import React from 'react'
 import { connect } from 'react-redux'
 import i18n from '../i18n.js'
 import { translate } from 'react-i18next'
+import Cookies from 'js-cookie'
 import Logo from '../component/Header/Logo.jsx'
 import NavbarToggler from '../component/Header/NavbarToggler.jsx'
 import MenuLinkList from '../component/Header/MenuLinkList.jsx'
-// import MenuActionList from '../component/Header/MenuActionList.jsx'
 import MenuActionListItemSearch from '../component/Header/MenuActionListItem/Search.jsx'
 import MenuActionListItemDropdownLang from '../component/Header/MenuActionListItem/DropdownLang.jsx'
 import MenuActionListItemHelp from '../component/Header/MenuActionListItem/Help.jsx'
@@ -20,7 +20,7 @@ import {
 import {
   postUserLogout
 } from '../action-creator.async.js'
-import Cookies from 'js-cookie'
+import { COOKIE } from '../helper.js'
 
 class Header extends React.Component {
   handleClickLogo = () => {}
@@ -44,8 +44,8 @@ class Header extends React.Component {
 
     const fetchPostUserLogout = await dispatch(postUserLogout())
     if (fetchPostUserLogout.status === 204) {
-      Cookies.remove('user_login')
-      Cookies.remove('user_auth')
+      Cookies.remove(COOKIE.USER_LOGIN)
+      Cookies.remove(COOKIE.USER_AUTH)
 
       dispatch(setUserDisconnected())
     } else {

src/container/Login.jsx

@@ -2,6 +2,7 @@ import React from 'react'
 import { connect } from 'react-redux'
 import { Redirect } from 'react-router'
 import { translate } from 'react-i18next'
+import Cookies from 'js-cookie'
 import LoginLogo from '../component/Login/LoginLogo.jsx'
 import LoginLogoImg from '../img/logoTracimWhite.svg'
 import { postUserLogin } from '../action-creator.async.js'
@@ -9,15 +10,13 @@ import Card from '../component/common/Card/Card.jsx'
 import CardHeader from '../component/common/Card/CardHeader.jsx'
 import CardBody from '../component/common/Card/CardBody.jsx'
 import InputGroupText from '../component/common/Input/InputGroupText.jsx'
-// import InputCheckbox from '../component/common/Input/InputCheckbox.jsx'
 import Button from '../component/common/Input/Button.jsx'
 import LoginBtnForgotPw from '../component/Login/LoginBtnForgotPw.jsx'
 import {
   newFlashMessage,
   setUserConnected
 } from '../action-creator.sync.js'
-import { PAGE } from '../helper.js'
-import Cookies from 'js-cookie'
+import { COOKIE, PAGE } from '../helper.js'
 
 class Login extends React.Component {
   constructor (props) {
@@ -53,8 +52,8 @@ class Login extends React.Component {
         logged: true
       }))
 
-      Cookies.set('user_login', inputLogin.value)
-      Cookies.set('user_auth', userAuth)
+      Cookies.set(COOKIE.USER_LOGIN, inputLogin.value)
+      Cookies.set(COOKIE.USER_AUTH, userAuth)
 
       history.push(PAGE.HOME)
     } else if (fetchPostUserLogin.status === 400) {

src/container/PrivateRoute.jsx

@@ -9,7 +9,7 @@ import { Route, Redirect, withRouter } from 'react-router-dom'
 // "You should not use <Route component> and <Route render> in the same route; <Route render> will be ignored
 const PrivateRoute = ({ component: Component, ...rest }) => (
   <Route {...rest} render={props => rest.user.logged
-    ? <Component {...props} /> // user logged, return composant
+    ? <Component {...props} /> // user logged, return component
     : rest.user.logged === null
       ? <div /> // dont know if user logged yet (waiting for api to respond), do nothing @TODO display loader
       : <Redirect to={{pathname: '/login', state: {from: props.location}}} /> // // user not logged, redirect to login page

src/container/Tracim.jsx

@@ -13,7 +13,7 @@ import {
   Route, withRouter, Switch
 } from 'react-router-dom'
 import PrivateRoute from './PrivateRoute.jsx'
-import { PAGE } from '../helper.js'
+import { COOKIE, PAGE } from '../helper.js'
 import {
   getUserIsConnected
 } from '../action-creator.async.js'
@@ -28,8 +28,8 @@ class Tracim extends React.Component {
     const { dispatch } = this.props
 
     const userFromCookies = {
-      email: Cookies.get('user_login'),
-      auth: Cookies.get('user_auth')
+      email: Cookies.get(COOKIE.USER_LOGIN),
+      auth: Cookies.get(COOKIE.USER_AUTH)
     }
 
     const fetchGetUserIsConnected = await dispatch(getUserIsConnected(userFromCookies))
@@ -51,7 +51,7 @@ class Tracim extends React.Component {
   handleRemoveFlashMessage = msg => this.props.dispatch(removeFlashMessage(msg))
 
   render () {
-    const { flashMessage, user, t } = this.props
+    const { flashMessage, t } = this.props
 
     return (
       <div className='tracim'>

src/helper.js

@@ -7,6 +7,11 @@ export const FETCH_CONFIG = {
   mockApiUrl: 'http://localhost:3001'
 }
 
+export const COOKIE = {
+  USER_LOGIN: 'user_login',
+  USER_AUTH: 'user_auth'
+}
+
 export const PAGE = {
   HOME: '/',
   WORKSPACE: {