going to update stuff, but we are not broken at least now

noahFavelo · noahFavelo · commit 1de19b51acdd · 2024-12-06T17:18:29.000-05:00
diff --git a/app/src/components/App.tsx b/app/src/components/App.tsx
@@ -6,7 +6,6 @@ import { toggleLoggedIn } from '../redux/reducers/slice/appStateSlice';
 import { useDispatch } from 'react-redux';
 
 import AppContainer from '../containers/AppContainer';
-
 /**
  * The `App` component is the root component of the React application. It performs an initial check
  * to determine if a user is logged in (not a 'guest') by inspecting local storage, and updates the
diff --git a/app/src/components/right/ExportButton.tsx b/app/src/components/right/ExportButton.tsx
@@ -11,6 +11,9 @@ import createModal from './createModal';
 import { RootState } from '../../redux/store';
 import zipFiles from '../../helperFunctions/zipFiles';
 
+// NOTE: from the v22 team, this file is unused, if you are editing this and nothing is changing.
+// dont say I did not warn you.
+
 /**
  * Renders an export button that triggers a modal for selecting export options.
  * The button and modal allow users to export project components in various formats.
diff --git a/app/src/helperFunctions/generateCode.ts b/app/src/helperFunctions/generateCode.ts
@@ -120,6 +120,7 @@ const generateUnformattedCode = (
 
     currentComponent.children.forEach((child) => {
       const newChild = { ...child };
+      console.log({ newChild });
       switch (child.type) {
         case 'Component':
           const component = components.find((c) => c.id === child.typeId);
@@ -323,7 +324,7 @@ const generateUnformattedCode = (
         ? `{${childElement.stateUsed.compLink}}`
         : `"${childElement.attributes.compLink}"`;
     }
-
+    // NOTE-NOAH. this is hard coded and will interfere with new elements.
     const nestableTags = [
       'h1',
       'h2',
diff --git a/app/src/helperFunctions/zipFiles.ts b/app/src/helperFunctions/zipFiles.ts
@@ -15,13 +15,13 @@ const zipFiles = (state: State): void => {
   // writes a file with default index.html code
   reacTypeApp.file(
     'index.html',
-    '<!DOCTYPE html> <html>   <head>     <meta charset="UTF-8" />     <link rel="stylesheet" href="styles.css">     <title>ReacType App</title>   </head>   <body>     <div id="root"></div>   </body> </html>',
+    '<!DOCTYPE html> <html>   <head>     <meta charset="UTF-8" />     <link rel="stylesheet" href="styles.css">     <title>ReacType App</title>   </head>   <body>     <div id="root"></div>   </body> </html>'
   );
   // writes each component as its own file in the component folder
   for (const i in state.components) {
     componentFolder.file(
       `${state.components[i].name}.jsx`,
-      state.components[i].code,
+      state.components[i].code
     );
   }
   // writes our css file
