dragging changes

Author: ChristianEdwardPadilla

src/actions/components.js

@@ -130,13 +130,13 @@ export const handleClose = () => ({
   payload: false,
 });
 
-export const handleTransform = (componentId, id, {
+export const handleTransform = (componentId, childId, {
   x, y, width, height,
 }) => ({
   type: HANDLE_TRANSFORM,
   payload: {
     componentId,
-    id,
+    childId,
     x,
     y,
     width,

src/components/KonvaStage.jsx

@@ -21,7 +21,7 @@ class KonvaStage extends Component {
   // Christian - this function causes the expansionPanel of the clicked rect to open
   // (and focusedComponent to change, which we don't want)
   // could reuse this logic for affecting state of children array
-  // ADD FOCUS CHILD FUNCTIONALITY HERE
+  // ADD CHANG FOCUS CHILD FUNCTIONALITY HERE
   handleStageMouseDown = (e) => {
     // // clicked on stage - cler selection
     // if (e.target === e.target.getStage()) {

src/utils/componentReducer.util.js

@@ -321,20 +321,22 @@ export const handleTransform = (state, {
 }) => {
   console.log('componentId and childId: ', componentId, childId);
   console.log('state.focuscomponent: ', state.focusComponent);
-  // const components = state.components.map((component) => {
-  //   if (component.id === id) {
-  //     return {
-  //       ...component,
-  //       position: {
-  //         x,
-  //         y,
-  //         width,
-  //         height,
-  //       },
-  //     };
-  //   }
-  //   return component;
-  // });
+  // const components = state.components
+  //   .find(comp => comp.id === componentId)
+  //   .childrenArray.map((child) => {
+  //     if (child.childId === childId) {
+  //       return {
+  //         ...child,
+  //         position: {
+  //           x,
+  //           y,
+  //           width,
+  //           height,
+  //         },
+  //       };
+  //     }
+  //     return child;
+  //   });
   return {
     ...state,
     // components,