From 77a1a9c06599d14f1d28618a7b87446c00f88b0e Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 3 Jul 2023 23:12:56 -0300
Subject: [PATCH] added field_name attribute

---
 .../modals/NodeModal/components/ModalField/index.tsx  |  4 ++--
 src/frontend/src/modals/genericModal/index.tsx        | 11 +++++++----
 src/frontend/src/types/components/index.ts            |  1 +
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
index e8690fe4b..70344a996 100644
--- a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
+++ b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
@@ -1,5 +1,4 @@
-import { useContext, useState } from "react";
-import { TabsContext } from "../../../../contexts/tabsContext";
+import { useState } from "react";
 import InputListComponent from "../../../../components/inputListComponent";
 import Dropdown from "../../../../components/dropdownComponent";
 import TextAreaComponent from "../../../../components/textAreaComponent";
@@ -150,6 +149,7 @@ export default function ModalField({
       ) : type === "prompt" ? (
         <div className="w-1/2">
           <PromptAreaComponent
+            field_name={name}
             disabled={false}
             value={data.node.template[name].value ?? ""}
             onChange={(t: string) => {
diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index d1deb4846..8be3f8aaa 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -19,6 +19,7 @@ import { FileText } from "lucide-react";
 import { APIClassType } from "../../types/api";
 
 export default function GenericModal({
+  field_name = "",
   value,
   setValue,
   buttonText,
@@ -27,6 +28,7 @@ export default function GenericModal({
   nodeClass,
   setNodeClass,
 }: {
+  field_name?: string;
   setValue: (value: string) => void;
   value: string;
   buttonText: string;
@@ -60,8 +62,8 @@ export default function GenericModal({
           <DialogTitle className="flex items-center">
             <span className="pr-2">{myModalTitle}</span>
             <FileText
-            strokeWidth={1.5}
-              className="h-6 w-6 text-primary pl-1 "
+              strokeWidth={1.5}
+              className="h-6 w-6 pl-1 text-primary "
               aria-hidden="true"
             />
           </DialogTitle>
@@ -84,7 +86,7 @@ export default function GenericModal({
         <div className="mt-2 flex h-full w-full">
           <Textarea
             ref={ref}
-            className=" h-[300px] w-full form-primary "
+            className=" form-primary h-[300px] w-full "
             value={myValue}
             onChange={(e) => {
               setMyValue(e.target.value);
@@ -103,7 +105,8 @@ export default function GenericModal({
                   setModalOpen(false);
                   break;
                 case 2:
-                  postValidatePrompt(myValue, nodeClass)
+                  console.log("postValidatePrompt");
+                  postValidatePrompt(field_name, myValue, nodeClass)
                     .then((apiReturn) => {
                       if (apiReturn.data) {
                         setNodeClass(apiReturn.data.frontend_node);
diff --git a/src/frontend/src/types/components/index.ts b/src/frontend/src/types/components/index.ts
index b3f586d6f..cbc192995 100644
--- a/src/frontend/src/types/components/index.ts
+++ b/src/frontend/src/types/components/index.ts
@@ -49,6 +49,7 @@ export type InputListComponentType = {
 };
 
 export type TextAreaComponentType = {
+  field_name?: string;
   nodeClass?: APIClassType;
   setNodeClass?: (value: APIClassType) => void;
   disabled: boolean;