From 415ac1b926cb80934d75858f163f563a5da19598 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Mon, 26 Feb 2024 22:09:12 +0100
Subject: [PATCH] Fixed multiline text

---
 .../components/textAreaComponent/index.tsx    | 72 +++++++++----------
 1 file changed, 33 insertions(+), 39 deletions(-)

diff --git a/src/frontend/src/components/textAreaComponent/index.tsx b/src/frontend/src/components/textAreaComponent/index.tsx
index 39d57ebf3..7b41f3757 100644
--- a/src/frontend/src/components/textAreaComponent/index.tsx
+++ b/src/frontend/src/components/textAreaComponent/index.tsx
@@ -20,48 +20,42 @@ export default function TextAreaComponent({
   }, [disabled]);
 
   return (
-    <div
-      className={
-        "flex w-full items-center " + (disabled ? "pointer-events-none" : "")
-      }
-    >
-      <GenericModal
-        type={TypeModal.TEXT}
-        buttonText="Finishing Editing"
-        modalTitle="Edit Text"
-        value={value}
-        setValue={(value: string) => {
-          onChange(value);
-        }}
-      >
-        <div className="flex w-full items-center" data-testid={"div-" + id}>
-          <Input
-            id={id}
-            data-testid={id}
+    <div className={"flex w-full items-center " + (disabled ? "" : "")}>
+      <div className="flex w-full items-center" data-testid={"div-" + id}>
+        <Input
+          id={id}
+          data-testid={id}
+          value={value}
+          disabled={disabled}
+          className={editNode ? "input-edit-node w-full" : " w-full"}
+          placeholder={"Type something..."}
+          onChange={(event) => {
+            onChange(event.target.value);
+          }}
+        />
+        <div>
+          <GenericModal
+            type={TypeModal.TEXT}
+            buttonText="Finish Editing"
+            modalTitle="Edit Text"
             value={value}
-            disabled={disabled}
-            className={
-              editNode
-                ? "input-edit-node pointer-events-none "
-                : " pointer-events-none"
-            }
-            placeholder={"Type something..."}
-            onChange={(event) => {
-              onChange(event.target.value);
+            setValue={(value: string) => {
+              onChange(value);
             }}
-          />
-          {!editNode && (
-            <IconComponent
-              id={id}
-              name="ExternalLink"
-              className={
-                "icons-parameters-comp" +
-                (disabled ? " text-ring" : " hover:text-accent-foreground")
-              }
-            />
-          )}
+          >
+            {!editNode && (
+              <IconComponent
+                id={id}
+                name="ExternalLink"
+                className={
+                  "icons-parameters-comp" +
+                  (disabled ? " text-ring" : " hover:text-accent-foreground")
+                }
+              />
+            )}
+          </GenericModal>
         </div>
-      </GenericModal>
+      </div>
     </div>
   );
 }