commit to switch branch

Author: eddypjr

app/src/components/bottom/BottomTabs.tsx

@@ -72,6 +72,7 @@ const BottomTabs = () => {
               onChange={handleProjectChange}
             >
               <MenuItem value={'Classic React'}>Classic React</MenuItem>
+              <MenuItem value={'React for Mobile'}>React for Mobile</MenuItem>
               <MenuItem value={'Gatsby.js'}>Gatsby.js</MenuItem>
               <MenuItem value={'Next.js'}>Next.js</MenuItem>
             </Select>

app/src/components/main/Canvas.tsx

@@ -32,6 +32,7 @@ function Canvas() {
     // make a deep clone of state
       const deepCopiedState = JSON.parse(JSON.stringify(state));
       state.past.push(deepCopiedState.components[0].children);
+      console.log('state in snapShotFunc', state)
   };
 
   // This hook will allow the user to drag items from the left panel on to the canvas

app/src/components/main/DirectChildHTMLNestable.tsx

@@ -54,7 +54,7 @@ const snapShotFunc = () => {
     drop: (item: any, monitor: DropTargetMonitor) => {
       const didDrop = monitor.didDrop();
       // takes a snapshot of state to be used in UNDO and REDO cases
-      snapShotFunc();
+      // snapShotFunc();
       if (didDrop) {
         return;
       }

app/src/containers/RightContainer.tsx

@@ -356,7 +356,7 @@ const redoAction = () => {
                       className={classes.select}
                       inputProps={{ className: isThemeLight ? `${classes.selectInput} ${classes.lightThemeFontColor}` : `${classes.selectInput} ${classes.darkThemeFontColor}` }}
                     >
-                      <MenuItem value=""></MenuItem>
+                      <MenuItem value="">none</MenuItem>
                       <MenuItem value={'row'}>row</MenuItem>
                       <MenuItem value={'column'}>column</MenuItem>
                     </Select>
@@ -377,7 +377,7 @@ const redoAction = () => {
                       className={classes.select}
                       inputProps={{ className: isThemeLight ? `${classes.selectInput} ${classes.lightThemeFontColor}` : `${classes.selectInput} ${classes.darkThemeFontColor}` }}
                     >
-                      <MenuItem value=""></MenuItem>
+                      <MenuItem value="">none</MenuItem>
                       <MenuItem value={'flex-start'}>flex-start</MenuItem>
                       <MenuItem value={'flex-end'}>flex-end</MenuItem>
                       <MenuItem value={'center'}>center</MenuItem>
@@ -402,7 +402,7 @@ const redoAction = () => {
                       className={classes.select}
                       inputProps={{ className: isThemeLight ? `${classes.selectInput} ${classes.lightThemeFontColor}` : `${classes.selectInput} ${classes.darkThemeFontColor}` }}
                     >
-                      <MenuItem value=""></MenuItem>
+                      <MenuItem value="">none</MenuItem>
                       <MenuItem value={'stretch'}>stretch</MenuItem>
                       <MenuItem value={'flex-start'}>flex-start</MenuItem>
                       <MenuItem value={'flex-end'}>flex-end</MenuItem>