From 870204eb40d2bda3178781e464a564cdacf31c0c Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Fri, 26 Jan 2024 15:12:02 -0300
Subject: [PATCH] Refactor IOInputField and IOView components

---
 src/frontend/src/components/IOInputField/index.tsx | 6 +++---
 src/frontend/src/components/IOview/index.tsx       | 2 +-
 src/frontend/src/types/components/index.ts         | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/frontend/src/components/IOInputField/index.tsx b/src/frontend/src/components/IOInputField/index.tsx
index f260a2bee..774e45427 100644
--- a/src/frontend/src/components/IOInputField/index.tsx
+++ b/src/frontend/src/components/IOInputField/index.tsx
@@ -3,7 +3,7 @@ import { Textarea } from "../ui/textarea";
 
 export default function IOInputField({
   inputType,
-  value,
+  field,
   updateValue,
 }: IOInputProps): JSX.Element | undefined {
   function handleInputType() {
@@ -13,7 +13,7 @@ export default function IOInputField({
           <Textarea
             className="custom-scroll"
             placeholder={"Enter text..."}
-            value={value}
+            value={field.value}
             onChange={updateValue}
           />
         );
@@ -25,7 +25,7 @@ export default function IOInputField({
           <Textarea
             className="custom-scroll"
             placeholder={"Enter text..."}
-            value={value}
+            value={field.value}
             onChange={updateValue}
           />
         );
diff --git a/src/frontend/src/components/IOview/index.tsx b/src/frontend/src/components/IOview/index.tsx
index f9a8aaf81..520a4a3e8 100644
--- a/src/frontend/src/components/IOview/index.tsx
+++ b/src/frontend/src/components/IOview/index.tsx
@@ -67,7 +67,7 @@ export default function IOView(): JSX.Element {
                   <div className="file-component-tab-column">
                     {node && (
                       <IOInputField
-                        value={node.data.node!.template.value.value}
+                        field={node.data.node!.template["value"]}
                         inputType={input.type}
                         updateValue={(e) => {
                           e.target.value;
diff --git a/src/frontend/src/types/components/index.ts b/src/frontend/src/types/components/index.ts
index 4fcb5a1cf..7c610565a 100644
--- a/src/frontend/src/types/components/index.ts
+++ b/src/frontend/src/types/components/index.ts
@@ -648,6 +648,6 @@ export type dropdownButtonPropsType = {
 
 export type IOInputProps = {
   inputType: string;
-  value: string;
+  field: TemplateVariableType;
   updateValue: (e: any) => void;
 };