From efbc23d6bcd245eaf2bb12cd592ed97fa3722886 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Mon, 10 Jul 2023 12:01:25 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix(codeAreaComponent):=20update?=
 =?UTF-8?q?=20class=20names=20to=20improve=20styling=20and=20semantics=20?=
 =?UTF-8?q?=F0=9F=90=9B=20fix(promptComponent):=20remove=20unnecessary=20d?=
 =?UTF-8?q?iv=20wrapper=20=F0=9F=90=9B=20fix(textAreaComponent):=20update?=
 =?UTF-8?q?=20class=20names=20to=20improve=20styling=20and=20semantics?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/components/codeAreaComponent/index.tsx | 5 +++--
 src/frontend/src/components/promptComponent/index.tsx   | 2 --
 src/frontend/src/components/textAreaComponent/index.tsx | 4 ++--
 3 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/frontend/src/components/codeAreaComponent/index.tsx b/src/frontend/src/components/codeAreaComponent/index.tsx
index 0f0013c1e..add09a9ba 100644
--- a/src/frontend/src/components/codeAreaComponent/index.tsx
+++ b/src/frontend/src/components/codeAreaComponent/index.tsx
@@ -48,8 +48,9 @@ export default function CodeAreaComponent({
             }}
             className={
               editNode
-                ? "input-edit-node"
-                : "input-primary text-muted-foreground" + (disabled ? " input-disable" : "")
+                ? "input-edit-node input-dialog"
+                : (disabled ? " input-disable " : "") +
+                  " input-primary input-dialog"
             }
           >
             {myValue !== "" ? myValue : "Type something..."}
diff --git a/src/frontend/src/components/promptComponent/index.tsx b/src/frontend/src/components/promptComponent/index.tsx
index f02c85ba9..888c347ab 100644
--- a/src/frontend/src/components/promptComponent/index.tsx
+++ b/src/frontend/src/components/promptComponent/index.tsx
@@ -47,7 +47,6 @@ export default function PromptAreaComponent({
   }, [reactFlowInstance, field_name, myValue, nodeClass, setNodeClass]);
 
   return (
-    <div className={disabled ? "cursor-not-allowed" : ""}>
       <div className={disabled ? "pointer-events-none w-full " : " w-full"}>
         <div className="flex w-full items-center">
           <span
@@ -107,6 +106,5 @@ export default function PromptAreaComponent({
           </button>
         </div>
       </div>
-    </div>
   );
 }
diff --git a/src/frontend/src/components/textAreaComponent/index.tsx b/src/frontend/src/components/textAreaComponent/index.tsx
index d8121f5fb..b5a448656 100644
--- a/src/frontend/src/components/textAreaComponent/index.tsx
+++ b/src/frontend/src/components/textAreaComponent/index.tsx
@@ -33,8 +33,8 @@ export default function TextAreaComponent({
           value={myValue}
           className={
             editNode
-              ? "input-edit-node"
-              : "input-primary" + (disabled ? " input-disable " : "")
+              ? " input-edit-node "
+              : " input-primary " + (disabled ? " input-disable" : "")
           }
           placeholder={"Type something..."}
           onChange={(e) => {