fixed component rendering issue

Author: carlyjackson

app/src/components/main/DirectChildComponent.tsx

@@ -51,19 +51,19 @@ function DirectChildComponent({ childId, type, typeId, style, name }: ChildEleme
       state.canvasFocus.childId === childId ? '1px 1px 3px #a7cced' : ''
   };
 
-  // const combinedStyle = combineStyles(
-  //   combineStyles(
-  //     combineStyles(globalDefaultStyle, referencedComponent.style),
-  //     style
-  //   ),
-  //   interactiveStyle
-  // );
+  const combinedStyle = combineStyles(
+    combineStyles(
+      combineStyles(globalDefaultStyle, referencedComponent.style),
+      style
+    ),
+    interactiveStyle
+  );
   // Renders name and not children of subcomponents to clean up Canvas view when dragging components
   // into the main canvas.  To render html elements on canvas, import and invoke renderChildren
   return  (
     <div
       onClick={onClickHandler}
-      //style={combinedStyle}
+      style={combinedStyle}
       ref={drag}
     >
       <strong>{name}</strong>