addChild button added

Author: ChristianEdwardPadilla

src/components/LeftColExpansionPanel.jsx

@@ -17,7 +17,7 @@ import AddIcon from '@material-ui/icons/Add';
 
 const LeftColExpansionPanel = (props) => {
   const {
-    index, classes, focusComponent, component, deleteComponent,
+    index, classes, focusComponent, component, deleteComponent, addChild,
   } = props;
   const { title, id, color } = component;
 
@@ -39,7 +39,13 @@ const LeftColExpansionPanel = (props) => {
             />
             <ListItemSecondaryAction>
               <IconButton aria-label="Add">
-                <AddIcon style={{ color, float: 'right' }} />
+                <AddIcon
+                  style={{ color, float: 'right' }}
+                  onClick={() => {
+                    console.log(title);
+                    addChild(title);
+                  }}
+                />
               </IconButton>
             </ListItemSecondaryAction>
           </ListItem>

src/containers/LeftContainer.jsx

@@ -30,6 +30,7 @@ const mapDispatchToProps = dispatch => ({
   // moveToTop: componentId => dispatch(actions.moveToTop(componentId)),
   // openExpansionPanel: component => dispatch(actions.openExpansionPanel(component)),
   // deleteAllData: () => dispatch(actions.deleteAllData()),
+  addChild: ({ title }) => dispatch(actions.addChild({ title })),
 });
 
 class LeftContainer extends Component {
@@ -58,6 +59,7 @@ class LeftContainer extends Component {
       focusComponent,
       totalComponents,
       classes,
+      addChild,
     } = this.props;
     const { componentName } = this.state;
 
@@ -69,6 +71,7 @@ class LeftContainer extends Component {
         updateComponent={updateComponent}
         component={component}
         focusComponent={focusComponent}
+        addChild={addChild}
       />
     ));