Resolved Next.js page title bug

tsully · tsully · commit 4d69609d0487 · 2020-07-13T12:49:19.000-07:00
diff --git a/app/src/helperFunctions/generateCode.ts b/app/src/helperFunctions/generateCode.ts
@@ -99,13 +99,14 @@ const generateUnformattedCode = (
         // route links are only a next.js feature. if the user creates a rotue link and then switches projects, generate code for a normal link instead
         else if (child.type === 'Route Link') {
           return projectType === 'Next.js'
-            ? `<Link href="/${child.name}"><a>${child.name}</a></Link>`
-            : `<a>${child.name}</a>`;
+            ? `<div><Link href="/${child.name}"><a>${child.name}</a></Link></div>`
+            : `<div><a>${child.name}</a></div>`;
         }
       })
       .join('\n')}`;
   };
 
+  // format styles stored in object to match React's inline style format
   const formatStyles = (styleObj: any) => {
     if (Object.keys(styleObj).length === 0) return ``;
     const formattedStyles = [];
@@ -194,9 +195,13 @@ const generateUnformattedCode = (
       
       return (
         <>
-        <Head>
+        ${
+          isRoot
+            ? `<Head>
         <title>${currentComponent.name}</title>
-        </Head>
+        </Head>`
+            : ``
+        }
         <div className="${currentComponent.name}" style={props.style}>
         ${writeNestedElements(enrichedChildren)}
         </div>
@@ -212,13 +217,6 @@ const generateUnformattedCode = (
 // formats code with prettier linter
 const formatCode = (code: string) => {
   return window.api.formatCode(code);
-  // return format(code, {
-  //   singleQuote: true,
-  //   trailingComma: 'es5',
-  //   bracketSpacing: true,
-  //   jsxBracketSameLine: true,
-  //   parser: 'babel'
-  // });
 };
 
 // generate code based on component heirarchy and then return the rendered code
