From dba85aadfb474f9e85a26a8b2b57b05b2e96e640 Mon Sep 17 00:00:00 2001
From: igorrCarvalho <igorsilvabhz6@gmail.com>
Date: Tue, 21 Nov 2023 18:55:52 -0300
Subject: [PATCH] Refactor: Make text area modal open on input click to avoid
 it not opening on edit node page

---
 .../components/textAreaComponent/index.tsx    | 40 +++++++++----------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/frontend/src/components/textAreaComponent/index.tsx b/src/frontend/src/components/textAreaComponent/index.tsx
index 0be68a294..3ee78ffbd 100644
--- a/src/frontend/src/components/textAreaComponent/index.tsx
+++ b/src/frontend/src/components/textAreaComponent/index.tsx
@@ -21,17 +21,6 @@ export default function TextAreaComponent({
 
   return (
     <div className="flex w-full items-center">
-      <Input
-        id={id}
-        value={value}
-        disabled={disabled}
-        className={editNode ? "input-edit-node" : ""}
-        placeholder={"Type something..."}
-        onChange={(event) => {
-          onChange(event.target.value);
-        }}
-      />
-      <div>
         <GenericModal
           type={TypeModal.TEXT}
           buttonText="Finishing Editing"
@@ -41,17 +30,28 @@ export default function TextAreaComponent({
             onChange(value);
           }}
         >
-          {!editNode && (
-            <IconComponent
-              name="ExternalLink"
-              className={
-                "icons-parameters-comp" +
-                (disabled ? " text-ring" : " hover:text-accent-foreground")
-              }
+          <div className="flex w-full items-center">
+            <Input
+              id={id}
+              value={value}
+              disabled={disabled}
+              className={editNode ? "input-edit-node pointer-events-none " : " pointer-events-none"}
+              placeholder={"Type something..."}
+              onChange={(event) => {
+                onChange(event.target.value);
+              }}
             />
-          )}
+            {!editNode && (
+              <IconComponent
+                name="ExternalLink"
+                className={
+                  "icons-parameters-comp" +
+                  (disabled ? " text-ring" : " hover:text-accent-foreground")
+                }
+              />
+            )}
+          </div>
         </GenericModal>
-      </div>
     </div>
   );
 }