Bug fix: adding second child adds it as a sibling to the parent

Author: Dean Ohashi

src/components/ComponentDisplay.vue

@@ -66,10 +66,18 @@ export default {
       this.activeComponentData.y = y
       this.activeComponentData.w = width
       this.activeComponentData.h = height
+
+      this.componentMap[this.activeComponent].x = x
+      this.componentMap[this.activeComponent].y = y
+      this.componentMap[this.activeComponent].w = width
+      this.componentMap[this.activeComponent].h = height
     },
     onDrag: function (x, y) {
       this.activeComponentData.x = x
       this.activeComponentData.y = y
+
+      this.componentMap[this.activeComponent].x = x
+      this.componentMap[this.activeComponent].y = y
     },
     onActivated (componentData) {
       this.setActiveComponent(componentData.componentName)

src/store/actions.js

@@ -6,10 +6,13 @@ const actions = {
     const { componentName } = payload
     if (!state.componentMap[componentName]) {
       commit(types.ADD_COMPONENT_TO_COMPONENT_MAP, payload)
-      commit(
-        types.ADD_COMPONENT_TO_ACTIVE_ROUTE_CHILDREN,
-        payload.componentName
-      )
+      if (!state.parentSelected) {
+        commit(
+          types.ADD_COMPONENT_TO_ACTIVE_ROUTE_CHILDREN,
+          payload.componentName
+        )
+      }
+
       commit(types.ADD_COMPONENT_TO_ACTIVE_ROUTE_IN_ROUTE_MAP, payload)
 
       let component = state.componentNameInputValue