multiple pages done

Author: MikoGome

app/src/components/main/AddLink.tsx

@@ -24,6 +24,13 @@ function AddLink({ id }: AddRoutes) {
   const handlePageSelect = event => {
     const selectedPageName = event.target.value;
     console.log('selectedPages State: ', selectedPageName);
+    console.log('page state', state.components[0].children);
+    state.components[0].children.forEach(element => {
+      if(element.childId === id) {
+        element.attributes.compLink = event.target.value;
+      }
+    });
+    // selectedPageName.compLink = event.target.value;
     // dispatch({ type: 'HREF TO', payload: });
   }
 

app/src/components/main/DemoRender.tsx

@@ -78,24 +78,12 @@ const DemoRender = (): JSX.Element => {
   };
 
   let code = '';
-  //compone
-
-  componentBuilder(state.components[0].children).forEach((element, index) => {
-    // if(element.props.component === 'Link') {
-    //   return;
-    //   // element.props.component = 'a';
-    //   // element.props.id = `rend${6}`;
-    // } else if(typeof element.type === 'function') {
-    //   return;
-    // }
-    console.log('element' + index, element);
-    console.log('component' + index, state.components[0].children[index * 2 + 1]);
+  const currComponent = state.components.filter(element => element.id === state.canvasFocus.componentId);
+  componentBuilder(currComponent[0].children).forEach(element => {
     try{
       if(element.props.component === 'Link') {
 
       }
-      // element.props.component = 'a';
-      // element.props.id = `rend${6}`;
       code += ReactDOMServer.renderToString(element)
     } catch {
       return;