commented out lastColor for now

Author: ibeeliot

package.json

@@ -136,6 +136,7 @@
     "babel-preset-react": "^6.24.1",
     "babel-preset-stage-0": "^6.24.1",
     "clean-webpack-plugin": "^0.1.19",
+    "concurrently": "^5.1.0",
     "copy-webpack-plugin": "^4.5.2",
     "cross-env": "^5.2.1",
     "css-loader": "^0.28.11",

src/components/LeftColExpansionPanel.tsx

@@ -79,7 +79,8 @@ const LeftColExpansionPanel = (props: LeftColExpPanPropsInt) => {
           {/* {This is the component responsible for the collapsing transition animation for each component card} */}
           <Collapse
             in={focusedToggle}
-            collapsedHeight={70} //The type for the Collapse component is asking for a string, but if you put in a string and not a number, the component itself breaks.
+            collapsedHeight={'70px'}
+            timeout={500} //The type for the Collapse component is asking for a string, but if you put in a string and not a number, the component itself breaks.
           >
             {/* NOT SURE WHY COLOR: RED IS USED, TRIED REMOVING IT AND NO VISIBLE CHANGE OCCURED. */}
             <Grid

src/utils/componentReducer.util.ts

@@ -65,11 +65,11 @@ export const addComponent = (
   //chooses a color for the component from the random color generator
   let componentColor = getColor();
 
-  // const lastColor = state.components.find(element => {
-  //   element.id === state.nextId - 1;
-  // }).color;
+  const lastColor = state.components.find(element => {
+    element.id === state.nextId - 1;
+  }).color;
 
-  // console.log('lastColor', lastColor);
+  console.log('lastColor', lastColor);
 
   while (componentColor === lastColor) {
     componentColor = getColor();