Set get cookie

Author: completejavascript

package.json

@@ -9,6 +9,7 @@
     "babel-plugin-transform-remove-console": "^6.9.4",
     "customize-cra": "^0.9.1",
     "hookrouter": "^1.2.3",
+    "js-cookie": "^2.2.1",
     "node-sass": "^4.13.0",
     "react": "^16.12.0",
     "react-app-rewired": "^2.1.5",

src/constants/configs.js

@@ -0,0 +1,25 @@
+const projectEnv = 'local';
+// const projectEnv = 'dev';
+// const projectEnv = 'stg';
+// const projectEnv = 'prod';
+
+let domain;
+
+switch (projectEnv) {
+  case 'dev':
+    domain = 'your-dev-domain';
+    break;
+  case 'stg':
+    domain = 'your-stg-domain';
+    break;
+  case 'prod':
+    domain = 'your-prod-domain';
+    break;
+  default:
+    domain = 'localhost'; // local
+    break;
+}
+
+export default {
+  domain
+};

src/constants/cookies.js

@@ -0,0 +1 @@
+export const LANGUAGE_TRANS = 'language_trans';

src/store/configureStore.js

@@ -1,4 +1,4 @@
-import { applyMiddleware, createStore } from 'redux';
+import { applyMiddleware, createStore, compose } from 'redux';
 import { composeWithDevTools } from 'redux-devtools-extension'
 import thunkMiddleware from 'redux-thunk';
 import combineReducers from './combineReducers';
@@ -21,7 +21,12 @@ const configureStore = preloadedState => {
 
   const middlewareEnhancer = applyMiddleware(...middlewares);
   const enhancers = [middlewareEnhancer];
-  const composedEnhancers = composeWithDevTools(...enhancers);
+
+  let composedEnhancers = compose(...enhancers);
+  if (process.env.NODE_ENV === 'development') {
+    composedEnhancers = composeWithDevTools(...enhancers);
+  }
+  
   return createStore(combineReducers, preloadedState, composedEnhancers);
 };
 

src/system/systemReducer.js

@@ -1,12 +1,18 @@
+import Cookie from 'js-cookie';
 import { systemActions } from '../constants/actionTypes';
+import { LANGUAGE_TRANS } from '../constants/cookies';
+import Config from '../constants/configs';
 
 const initialState = {
-  languageTrans: 'en'
+  languageTrans: Cookie.get(LANGUAGE_TRANS) || 'en'
 };
 
 const systemReducer = (state = initialState, action) => {
   switch (action.type) {
     case systemActions.CHANGE_LANGUAGE:
+      if (action.data) {
+        Cookie.set(LANGUAGE_TRANS, action.data, { domain: Config.domain });
+      }
       return {
         ...state,
         languageTrans: action.data

yarn.lock

@@ -6044,6 +6044,11 @@ js-base64@^2.1.8:
   resolved "https://registry.yarnpkg.com/js-base64/-/js-base64-2.5.1.tgz#1efa39ef2c5f7980bb1784ade4a8af2de3291121"
   integrity sha512-M7kLczedRMYX4L8Mdh4MzyAMM9O5osx+4FcOQuTvr3A9F2D9S5JXheN0ewNbrvK2UatkTRhL5ejGmGSjNMiZuw==
 
+js-cookie@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/js-cookie/-/js-cookie-2.2.1.tgz#69e106dc5d5806894562902aa5baec3744e9b2b8"
+  integrity sha512-HvdH2LzI/EAZcUwA8+0nKNtWHqS+ZmijLA30RwZA0bo7ToCckjK5MkGhjED9KoRcXO6BaGI3I9UIzSA1FKFPOQ==
+
 js-levenshtein@^1.1.3:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/js-levenshtein/-/js-levenshtein-1.1.6.tgz#c6cee58eb3550372df8deb85fad5ce66ce01d59d"