app lists first root component as 'index' in gatsby mode; fix issue where route links to index in gatsby and next modes did not function properly

Author: aw2934

app/src/helperFunctions/generateCode.ts

@@ -119,10 +119,12 @@ const generateUnformattedCode = (
         // route links are for gastby.js and next.js feature. if the user creates a route link and then switches projects, generate code for a normal link instead
         else if (child.type === 'Route Link') {
           if (projectType === 'Next.js') {
-            return `<div><Link href="/${child.name}"><a>${child.name}</a></Link></div>`
+            // if route link points to index, to go endpoint / rather than /index
+            if (child.name === 'index') return `<div><Link href="/"><a>${child.name}</a></Link></div>`;
+            else return `<div><Link href="/${child.name}"><a>${child.name}</a></Link></div>`;
           } else if (projectType === 'Gatsby.js') {
-            return `<div><Link to="/${child.name}">${child.name}</Link></div>`
-            // return `<div><Link href="/${child.name}"><a>${child.name}</a></Link></div>`            
+            if (child.name === 'index') return `<div><Link to="/">${child.name}</Link></div>`;
+            else return `<div><Link to="/${child.name}">${child.name}</Link></div>`;
           } else return `<div><a>${child.name}</a></div>`
         }
       })

app/src/reducers/componentReducer.ts

@@ -529,7 +529,7 @@ const reducer = (state: State, action: Action) => {
       });
 
       // also update the name of the root component of the application to fit classic React and next.js conventions
-      if (projectType === 'Next.js') components[0]['name'] = 'index';
+      if (projectType === 'Next.js' || projectType === 'Gatsby.js') components[0]['name'] = 'index';
       else components[0]['name'] = 'App';
 
       return { ...state, components, projectType };