Created helper function folder for creating history and removed focus component function invocation upon switching class/state

Author: tonyito

src/components/LeftColExpansionPanel.tsx

@@ -144,7 +144,7 @@ const LeftColExpansionPanel = (props: LeftColExpPanPropsInt) => {
                               checked={stateful}
                               onChange={e => {
                                 toggleComponentState(id);
-                                changeFocusComponent({ title });
+                                // changeFocusComponent({ title });
                               }}
                               value='stateful'
                               color='primary'
@@ -168,7 +168,7 @@ const LeftColExpansionPanel = (props: LeftColExpPanPropsInt) => {
                               checked={classBased}
                               onChange={e => {
                                 toggleComponentClass(id);
-                                changeFocusComponent({ title });
+                                // changeFocusComponent({ title });
                               }}
                               value='classBased'
                               color='primary'

src/utils/componentReducer.util.ts

@@ -10,6 +10,7 @@ import {
   ComponentsInt,
   PropInt
 } from './Interfaces';
+import { createHistory } from './helperFunctions'
 
 //this is the default values for any component added to the app.
 
@@ -32,25 +33,6 @@ const initialComponentState: ComponentInt = {
   focusChildId: 0
 };
 
-/*Helper function that copies the state to be added on to the history
-  By clearing the history data out of each stored step of the timeline,
-  you can avoid repetitive nesting that maxes out the memory allocated to electron
-  (usually happens at around 7-10 steps without using this method)*/
-const createHistory = (state: ApplicationStateInt) => {
-  const stateCopy = cloneDeep(state);
-  const historyCopy = cloneDeep(state.history);
-  historyCopy.push({ ...stateCopy, history: [] });
-  const history = historyCopy;
-  const historyIndex = state.historyIndex + 1;
-  const future: [] = [];
-
-  return {
-    history,
-    historyIndex,
-    future
-  };
-};
-
 export const addComponent = (
   state: ApplicationStateInt,
   { title }: { title: string }

src/utils/helperFunctions.ts

@@ -0,0 +1,21 @@
+import { ApplicationStateInt } from './Interfaces';
+import cloneDeep from './cloneDeep';
+
+/*Helper function that copies the state to be added on to the history
+  By clearing the history data out of each stored step of the timeline,
+  you can avoid repetitive nesting that maxes out the memory allocated to electron
+  (usually happens at around 7-10 steps without using this method)*/
+export const createHistory = (state: ApplicationStateInt) => {
+  const stateCopy = cloneDeep(state);
+  const historyCopy = cloneDeep(state.history);
+  historyCopy.push({ ...stateCopy, history: [] });
+  const history = historyCopy;
+  const historyIndex = state.historyIndex + 1;
+  const future: [] = [];
+
+  return {
+    history,
+    historyIndex,
+    future,
+  };
+};