From dcc78c2134dcf30f2c20c903e8355e40fb8e13c0 Mon Sep 17 00:00:00 2001
From: igorrCarvalho <igorsilvabhz6@gmail.com>
Date: Thu, 7 Mar 2024 20:47:39 -0300
Subject: [PATCH] Refactor: Adjust window size for textInput and textOutput
 text area

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

diff --git a/src/frontend/src/components/IOInputField/index.tsx b/src/frontend/src/components/IOInputField/index.tsx
index 04610baeb..95945a5a5 100644
--- a/src/frontend/src/components/IOInputField/index.tsx
+++ b/src/frontend/src/components/IOInputField/index.tsx
@@ -7,6 +7,7 @@ import { Textarea } from "../ui/textarea";
 export default function IOInputField({
   inputType,
   inputId,
+  left,
 }: IOInputProps): JSX.Element | undefined {
   const nodes = useFlowStore((state) => state.nodes);
   const setNode = useFlowStore((state) => state.setNode);
@@ -17,7 +18,7 @@ export default function IOInputField({
       case "TextInput":
         return (
           <Textarea
-            className="w-full"
+            className={`w-full ${left ? "" : " h-full"}`}
             placeholder={"Enter text..."}
             value={node.data.node!.template["input_value"].value}
             onChange={(e) => {
diff --git a/src/frontend/src/components/IOOutputView/index.tsx b/src/frontend/src/components/IOOutputView/index.tsx
index b16878cb4..eb4cbb2fe 100644
--- a/src/frontend/src/components/IOOutputView/index.tsx
+++ b/src/frontend/src/components/IOOutputView/index.tsx
@@ -6,6 +6,7 @@ import { Textarea } from "../ui/textarea";
 export default function IOOutputView({
   outputType,
   outputId,
+  left,
 }: IOOutputProps): JSX.Element | undefined {
   const nodes = useFlowStore((state) => state.nodes);
   const setNode = useFlowStore((state) => state.setNode);
@@ -17,7 +18,7 @@ export default function IOOutputView({
       case "TextOutput":
         return (
           <Textarea
-            className="w-full custom-scroll"
+            className={`w-full custom-scroll ${left ? "" : " h-full"}`}
             placeholder={"Empty"}
             // update to real value on flowPool
             value={
diff --git a/src/frontend/src/components/IOview/index.tsx b/src/frontend/src/components/IOview/index.tsx
index ced31a177..805e87318 100644
--- a/src/frontend/src/components/IOview/index.tsx
+++ b/src/frontend/src/components/IOview/index.tsx
@@ -197,6 +197,7 @@ export default function IOView({ children, open, setOpen, disable }: {
                                 <div className="">
                                   {input && (
                                     <IOInputField
+                                      left={true}
                                       inputType={input.type}
                                       inputId={input.id}
                                     />
@@ -265,6 +266,7 @@ export default function IOView({ children, open, setOpen, disable }: {
                                 <div className="">
                                   {output && (
                                     <IOOutputView
+                                      left={true}
                                       outputType={output.type}
                                       outputId={output.id}
                                     />
@@ -303,11 +305,13 @@ export default function IOView({ children, open, setOpen, disable }: {
                         (input) => input.id === selectedViewField.id
                       ) ? (
                         <IOInputField
+                          left={false}
                           inputType={selectedViewField.type!}
                           inputId={selectedViewField.id!}
                         />
                       ) : (
                         <IOOutputView
+                          left={false}
                           outputType={selectedViewField.type!}
                           outputId={selectedViewField.id!}
                         />
diff --git a/src/frontend/src/types/components/index.ts b/src/frontend/src/types/components/index.ts
index 78333add9..0b50e36f0 100644
--- a/src/frontend/src/types/components/index.ts
+++ b/src/frontend/src/types/components/index.ts
@@ -670,10 +670,12 @@ export type dropdownButtonPropsType = {
 export type IOInputProps = {
   inputType: string;
   inputId: string;
+  left?: boolean;
 };
 export type IOOutputProps = {
   outputType: string;
   outputId: string;
+  left?: boolean;
 };
 
 export type IOFileInputProps = {