🔨 refactor(parameterComponent): improve code readability by adding line breaks and indentation

🔨 refactor(promptComponent): add nodeClass prop to improve code consistency
🔨 refactor(genericModal): add nodeClass prop to improve code consistency
🔨 refactor(types/components): remove unused imports and add nodeClass prop to TextAreaComponentType
The changes made in the code aim to improve code readability and consistency. The ParameterComponent, PromptAreaComponent, and GenericModal components now have a nodeClass prop to improve consistency with the naming conventions. The TextAreaComponentType now has a nodeClass prop to improve consistency with the other components.

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

@@ -229,7 +229,9 @@ export default function ParameterComponent({
           </div>
         ) : left === true && type === "code" ? (
           <CodeAreaComponent
-          setNodeClass={(nodeClass)=>{data.node = nodeClass}}
+            setNodeClass={(nodeClass) => {
+              data.node = nodeClass;
+            }}
             nodeClass={data.node}
             disabled={disabled}
             value={data.node.template[name].value ?? ""}
@@ -258,6 +260,7 @@ export default function ParameterComponent({
           </div>
         ) : left === true && type === "prompt" ? (
           <PromptAreaComponent
+            nodeClass={data.node}
             disabled={disabled}
             value={data.node.template[name].value ?? ""}
             onChange={handleOnNewValue}

src/frontend/src/components/promptComponent/index.tsx

@@ -7,6 +7,7 @@ import { INPUT_STYLE } from "../../constants";
 import { ExternalLink } from "lucide-react";
 
 export default function PromptAreaComponent({
+  nodeClass,
   value,
   onChange,
   disabled,
@@ -44,6 +45,7 @@ export default function PromptAreaComponent({
                   setMyValue(t);
                   onChange(t);
                 }}
+                nodeClass={nodeClass}
               />
             );
           }}

src/frontend/src/modals/genericModal/index.tsx

@@ -1,9 +1,8 @@
-import { Fragment, useContext, useRef, useState } from "react";
+import { useContext, useRef, useState } from "react";
 import { PopUpContext } from "../../contexts/popUpContext";
 import { darkContext } from "../../contexts/darkContext";
 import { checkPrompt } from "../../controllers/API";
 import { alertContext } from "../../contexts/alertContext";
-import { TypeModal } from "../../utils";
 import {
   Dialog,
   DialogContent,
@@ -17,6 +16,7 @@ import { Button } from "../../components/ui/button";
 import { Textarea } from "../../components/ui/textarea";
 import { PROMPT_DIALOG_SUBTITLE, TEXT_DIALOG_SUBTITLE } from "../../constants";
 import { FileText } from "lucide-react";
+import { APIClassType } from "../../types/api";
 
 export default function GenericModal({
   value,
@@ -24,12 +24,14 @@ export default function GenericModal({
   buttonText,
   modalTitle,
   type,
+  nodeClass,
 }: {
   setValue: (value: string) => void;
   value: string;
   buttonText: string;
   modalTitle: string;
   type: number;
+  nodeClass: APIClassType;
 }) {
   const [myButtonText] = useState(buttonText);
   const [myModalTitle] = useState(modalTitle);
@@ -97,9 +99,13 @@ export default function GenericModal({
                   setModalOpen(false);
                   break;
                 case 2:
-                  checkPrompt(myValue)
+                  checkPrompt(myValue, nodeClass)
                     .then((apiReturn) => {
                       if (apiReturn.data) {
+                        if (apiReturn.data) {
+                          setNodeClass(data);
+                          setModalOpen(false);
+                        }
                         let inputVariables = apiReturn.data.input_variables;
                         if (inputVariables.length === 0) {
                           setErrorData({

src/frontend/src/types/components/index.ts

@@ -1,13 +1,7 @@
-import {
+import { ReactElement, ReactNode } from "react";
-  ComponentType,
-  ForwardRefExoticComponent,
-  ReactElement,
-  ReactNode,
-  SVGProps,
-} from "react";
 import { NodeDataType } from "../flow/index";
 import { typesContextType } from "../typesContext";
-import { APIClassType, APITemplateType } from "../api";
+import { APIClassType } from "../api";
 export type InputComponentType = {
   value: string;
   disabled?: boolean;
@@ -51,6 +45,7 @@ export type InputListComponentType = {
 };
 
 export type TextAreaComponentType = {
+  nodeClass?: APIClassType;
   disabled: boolean;
   onChange: (value: string[] | string) => void;
   value: string;