Merge pull request #1748 from RodriSanchez1/fix/DeepCopyForBoardIniti…

…alState

Fix / DeepCopy For Board Initial State

src/components/Board/Board.reducer.js

@@ -1,6 +1,6 @@
 import moment from 'moment';
 
-import { DEFAULT_BOARDS } from '../../helpers';
+import { DEFAULT_BOARDS, deepCopy } from '../../helpers';
 
 import {
   IMPORT_BOARDS,
@@ -42,9 +42,13 @@ import {
 } from './Board.constants';
 import { LOGOUT, LOGIN_SUCCESS } from '../Account/Login/Login.constants';
 
-const [...boards] = [...DEFAULT_BOARDS.advanced, ...DEFAULT_BOARDS.picSeePal];
+const initialBoardsState = [
+  ...DEFAULT_BOARDS.advanced,
+  ...DEFAULT_BOARDS.picSeePal
+];
+
 const initialState = {
-  boards,
+  boards: deepCopy(initialBoardsState),
   output: [],
   activeBoardId: null,
   navHistory: [],
@@ -116,7 +120,7 @@ function boardReducer(state = initialState, action) {
       };
 
     case LOGOUT:
-      return initialState;
+      return { ...initialState, boards: deepCopy(initialBoardsState) };
 
     case IMPORT_BOARDS:
       return {

src/components/Communicator/Communicator.reducer.js

@@ -24,10 +24,11 @@ import {
 } from './Communicator.constants';
 import { LOGIN_SUCCESS, LOGOUT } from '../Account/Login/Login.constants';
 import moment from 'moment';
+import { deepCopy } from '../../helpers';
 
 export const defaultCommunicatorID = 'cboard_default';
 const initialState = {
-  communicators: defaultCommunicators,
+  communicators: deepCopy(defaultCommunicators),
   activeCommunicatorId: defaultCommunicatorID
 };
 
@@ -48,7 +49,10 @@ function communicatorReducer(state = initialState, action) {
       };
 
     case LOGOUT:
-      return initialState;
+      return {
+        ...initialState,
+        communicators: deepCopy(defaultCommunicators)
+      };
 
     case IMPORT_COMMUNICATOR:
       return {

src/helpers.js

@@ -6,6 +6,8 @@ export const DEFAULT_BOARDS = {
   picSeePal: picSeePal
 };
 
+export const deepCopy = obj => JSON.parse(JSON.stringify(obj));
+
 export const dataURLtoFile = (dataurl, filename, checkExtension = false) => {
   // https://stackoverflow.com/a/38936042
   const arr = dataurl.split(',');