From 4ef210753eb8609369110de2722552e4825fdee8 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Tue, 13 Jun 2023 23:15:54 -0300
Subject: [PATCH] added node id on edit node modal

---
 src/frontend/src/modals/EditNodeModal/index.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/modals/EditNodeModal/index.tsx b/src/frontend/src/modals/EditNodeModal/index.tsx
index 80c845037..a2743343c 100644
--- a/src/frontend/src/modals/EditNodeModal/index.tsx
+++ b/src/frontend/src/modals/EditNodeModal/index.tsx
@@ -43,6 +43,7 @@ import {
 } from "../../components/ui/dialog";
 import { Button } from "../../components/ui/button";
 import { EDIT_DIALOG_SUBTITLE } from "../../constants";
+import { Badge } from "../../components/ui/badge";
 
 export default function EditNodeModal({ data }: { data: NodeDataType }) {
   const [open, setOpen] = useState(true);
@@ -95,15 +96,16 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
       <DialogContent className="lg:max-w-[700px]">
         <DialogHeader>
           <DialogTitle className="flex items-center">
-            <span className="pr-2">Edit Node</span>
-            <span>{data.id}</span>
+            <span className="pr-2">{data.type}</span>
+            <Badge variant="outline" >{data.id}</Badge>
             <PencilSquareIcon
               className="h-6 w-6 text-gray-800 pl-1 dark:text-white"
               aria-hidden="true"
             />
           </DialogTitle>
           <DialogDescription>
-            {EDIT_DIALOG_SUBTITLE}
+            {data.node.description? data.node.description : EDIT_DIALOG_SUBTITLE}
+            <br/>
             <div className="flex pt-3">
               <VariableIcon className="w-5 h-5 pe-1 text-gray-700 stroke-2">
                 &nbsp;