From 00f4726f3803708ecf2aafe6907388988684c2aa Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Mon, 3 Jul 2023 23:12:30 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20chore(EditNodeModal):=20reorder?=
 =?UTF-8?q?=20CSS=20classes=20in=20DialogContent=20and=20TableCell=20compo?=
 =?UTF-8?q?nents=20for=20consistency=20=F0=9F=94=A7=20chore(EditNodeModal)?=
 =?UTF-8?q?:=20add=20field=5Fname=20prop=20to=20PromptAreaComponent=20for?=
 =?UTF-8?q?=20better=20clarity=20and=20maintainability?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The CSS classes in the DialogContent and TableCell components have been reordered to follow a consistent pattern of ordering. This improves readability and maintainability of the code.

Additionally, a new prop `field_name` has been added to the PromptAreaComponent to provide better clarity and maintainability when working with the component.
---
 src/frontend/src/modals/EditNodeModal/index.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/modals/EditNodeModal/index.tsx b/src/frontend/src/modals/EditNodeModal/index.tsx
index 1d0d912eb..aac15bd40 100644
--- a/src/frontend/src/modals/EditNodeModal/index.tsx
+++ b/src/frontend/src/modals/EditNodeModal/index.tsx
@@ -81,7 +81,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
   return (
     <Dialog open={true} onOpenChange={setModalOpen}>
       <DialogTrigger asChild></DialogTrigger>
-      <DialogContent className="lg:max-w-[700px] sm:max-w-[600px]">
+      <DialogContent className="sm:max-w-[600px] lg:max-w-[700px]">
         <DialogHeader>
           <DialogTitle className="flex items-center">
             <span className="pr-2">{data.type}</span>
@@ -135,7 +135,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
                       )
                       .map((n, i) => (
                         <TableRow key={i} className="h-10">
-                          <TableCell className="p-0 text-center text-sm text-foreground truncate sm:px-3">
+                          <TableCell className="truncate p-0 text-center text-sm text-foreground sm:px-3">
                             {data.node.template[n].name
                               ? data.node.template[n].name
                               : data.node.template[n].display_name}
@@ -251,6 +251,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
                             ) : data.node.template[n].type === "prompt" ? (
                               <div className="mx-auto">
                                 <PromptAreaComponent
+                                  field_name={n}
                                   editNode={true}
                                   disabled={false}
                                   value={data.node.template[n].value ?? ""}