refactor: Add exportModal tailwind constants and remove dark classes

src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx

@@ -98,7 +98,6 @@ export default function ParameterComponent({
     const groupedObj = groupByFamily(myData, tooltipTitle, left, data.type);
 
     refNumberComponents.current = groupedObj[0]?.type?.length;
-    console.log(refNumberComponents);
 
     refHtml.current = groupedObj.map((item, i) => {
       const Icon: any = nodeIconsLucide[item.family];

src/frontend/src/index.css

@@ -1066,4 +1066,19 @@ The cursor: default; property value restores the browser's default cursor style
     @apply max-w-[30vw] max-h-[20vh] overflow-auto
   }
 
+  .ace-editor-arrangement {
+    @apply flex-max-width h-full flex-col transition-all
+  }
+  .ace-editor {
+    @apply h-full w-full rounded-lg border-[1px] border-border custom-scroll
+  }
+  .ace-editor-save-btn {
+    @apply flex-max-width h-fit justify-end
+  }
+
+  .export-modal-save-api {
+    @apply font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70
+  }
+
+
 }

src/frontend/src/modals/EditNodeModal/index.tsx

@@ -72,15 +72,16 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
     }
   }
 
-  function changeAdvanced(node): void {
-    Object.keys(data.node.template).filter((n, i) => {
+  function changeAdvanced(node) {
+    Object.keys(data.node.template).map((n, i) => {
       if (n === node.name) {
         data.node.template[n].advanced = !data.node.template[n].advanced;
       }
-      return true;
+      return n;
     });
     setNodeValue(!nodeValue);
   }
+  
 
   const handleOnNewValue = (newValue: any, name) => {
     data.node.template[name].value = newValue;

src/frontend/src/modals/codeAreaModal/index.tsx

@@ -106,7 +106,7 @@ export default function CodeAreaModal({
               onChange={(value) => {
                 setCode(value);
               }}
-              className="h-full w-full rounded-lg border-[1px] border-gray-300 custom-scroll dark:border-gray-600"
+              className="h-full w-full rounded-lg border-[1px] border-border custom-scroll"
             />
           </div>
           <div className="flex h-fit w-full justify-end">

src/frontend/src/modals/exportModal/index.tsx

@@ -73,7 +73,7 @@ export default function ExportModal() {
           />
           <label
             htmlFor="terms"
-            className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+            className="export-modal-save-api text-sm"
           >
             Save with my API keys
           </label>