From fbcd2ea4a4c04e9b4f8089d698c42c94ef2d494c Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Fri, 26 Jan 2024 14:32:48 -0300
Subject: [PATCH] Refactor IOInputField component to handle different input
 types

---
 .../src/components/IOInputField/index.tsx     | 32 +++++++++++++------
 1 file changed, 22 insertions(+), 10 deletions(-)

diff --git a/src/frontend/src/components/IOInputField/index.tsx b/src/frontend/src/components/IOInputField/index.tsx
index feec2ce3b..e860c922e 100644
--- a/src/frontend/src/components/IOInputField/index.tsx
+++ b/src/frontend/src/components/IOInputField/index.tsx
@@ -6,15 +6,27 @@ export default function IOInputField({
   value,
   updateValue,
 }: IOInputProps): JSX.Element | undefined {
-  switch (inputType) {
-    case "TextInput":
-      return (
-        <Textarea
-          className="custom-scroll"
-          placeholder={"Enter text..."}
-          value={value}
-          onChange={updateValue}
-        />
-      );
+  function handleInputType() {
+    switch (inputType) {
+      case "TextInput":
+        return (
+          <Textarea
+            className="custom-scroll"
+            placeholder={"Enter text..."}
+            value={value}
+            onChange={updateValue}
+          />
+        );
+      default:
+        return (
+          <Textarea
+            className="custom-scroll"
+            placeholder={"Enter text..."}
+            value={value}
+            onChange={updateValue}
+          />
+        );
+    }
   }
+  return <div className="h-full">{handleInputType()}</div>;
 }