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

Author: noahFavelo

app/src/components/App.tsx

@@ -5,7 +5,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
@@ -15,7 +14,7 @@ import AppContainer from '../containers/AppContainer';
  * The `useEffect` hook is used to perform the login check once on component mount, ensuring that
  * the login state is correctly set based on the presence of a specific item in local storage.
  *
- * @returns {JSX.Element} Renders the `AppContainer` wrapped within a div with a class of 'app', 
+ * @returns {JSX.Element} Renders the `AppContainer` wrapped within a div with a class of 'app',
  *                        serving as the root of the user interface.
  *
  * This component interacts with Redux by dispatching actions to modify the global state, particularly

app/src/components/right/ExportButton.tsx

@@ -11,6 +11,9 @@ import { useSelector } from 'react-redux';
 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.

app/src/helperFunctions/generateCode.ts

@@ -119,6 +119,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);
@@ -324,7 +325,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',

app/src/helperFunctions/zipFiles.ts

@@ -7,6 +7,7 @@ import { State } from '../interfaces/Interfaces';
  * @param {State} state - The current state of the project.
  */
 const zipFiles = (state: State): void => {
+  console.log('zipping those files...');
   //initializes zip
   var zip = new JSZip();
   let reacTypeApp = zip.folder('ReacTypeApp');
@@ -19,6 +20,7 @@ const zipFiles = (state: State): void => {
   );
   //writes each component as its own file in the component folder
   for (let i in state.components) {
+    console.log(state.components[i]);
     componentFolder.file(
       `${state.components[i].name}.jsx`,
       state.components[i].code