cleaned up an extra console log and completed Form Nesting

Author: eddypjr

app/src/components/main/DirectChildHTMLNestable.tsx

@@ -81,7 +81,7 @@ const snapShotFunc = () => {
         });
       }
     },
-
+    
     collect: (monitor: any) => {
       return {
         isOver: !!monitor.isOver({ shallow: true })

app/src/helperFunctions/generateCode.ts

@@ -46,8 +46,8 @@ const generateUnformattedCode = (
         // check if imports array include the referenced component, if not, add its name to the imports array (e.g. the name/tag of the component/element)
         if (!imports.includes(referencedComponent.name))
           imports.push(referencedComponent.name);
-        child['name'] = referencedComponent.name;
-        return child;
+          child['name'] = referencedComponent.name;
+          return child;
       } else if (child.type === 'HTML Element') {
         const referencedHTML = HTMLTypes.find(elem => elem.id === child.typeId);
         child['tag'] = referencedHTML.tag;
@@ -67,7 +67,6 @@ const generateUnformattedCode = (
         return child;
       }
     });
-
     return enrichedChildren;
   };
 

app/src/helperFunctions/manageSeparators.ts

@@ -48,7 +48,7 @@ manageSeparators.handleSeparators = (arr: object[], str: string) => {
 // this function replaces separators onto which an element is dropped with the element itself
 manageSeparators.mergeSeparator = (arr: object[], index: number) => {
   return arr.map((child) => {
-    if (child.name === 'div' && child.children.length) {
+    if (child.name === 'div' || child.name === 'form' && child.children.length) {
       const divContents = manageSeparators.mergeSeparator(child.children, index);
       return { ...child, children: divContents }
     }

app/src/reducers/componentReducer.ts

@@ -252,7 +252,6 @@ const reducer = (state: State, action: Action) => {
 
       if (type === 'Component') {
         components.forEach(comp => {
-          console.log('comp in ADDD CHILD', comp)
           if (comp.id === typeId) {
             componentName = comp.name;
             componentChildren = comp.children;