From c788d4c200700f6b3021027f2c0c5b85717ec94a Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Fri, 23 Jun 2023 18:02:07 -0300
Subject: [PATCH 1/2] =?UTF-8?q?=F0=9F=90=9B=20fix(extraSidebarComponent):?=
 =?UTF-8?q?=20fix=20key=20prop=20in=20DisclosureComponent=20and=20TooltipC?=
 =?UTF-8?q?omponent=20to=20use=20unique=20values?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/FlowPage/components/extraSidebarComponent/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
index 7206a3093..026827b9d 100644
--- a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
@@ -146,7 +146,7 @@ export default function ExtraSidebar() {
             Object.keys(dataFilter[d]).length > 0 ? (
               <DisclosureComponent
                 openDisc={search.length == 0 ? false : true}
-                key={i}
+                key={nodeNames[d]}
                 button={{
                   title: nodeNames[d] ?? nodeNames.unknown,
                   Icon: nodeIcons[d] ?? nodeIcons.unknown,
@@ -160,7 +160,7 @@ export default function ExtraSidebar() {
                         content={data[d][t].display_name}
                         delayDuration={1500}
                         side="right"
-                        key={i}
+                        key={data[d][t].display_name}
                       >
                         <div key={k} data-tooltip-id={t}>
                           <div

From b61c0ac23a1364747e9d0fcd027c2b1419b4aaa5 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Fri, 23 Jun 2023 18:27:51 -0300
Subject: [PATCH 2/2] =?UTF-8?q?=F0=9F=90=9B=20fix(modals):=20add=20unique?=
 =?UTF-8?q?=20key=20prop=20to=20TabsTrigger=20component=20to=20remove=20co?=
 =?UTF-8?q?nsole=20warning=20=F0=9F=8E=A8=20style(modals):=20add=20whitesp?=
 =?UTF-8?q?ace=20to=20Dialog=20component=20props=20for=20better=20readabil?=
 =?UTF-8?q?ity?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/ApiModal/index.tsx      | 2 +-
 src/frontend/src/modals/EditNodeModal/index.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/modals/ApiModal/index.tsx b/src/frontend/src/modals/ApiModal/index.tsx
index c3b821ac9..0f695cc16 100644
--- a/src/frontend/src/modals/ApiModal/index.tsx
+++ b/src/frontend/src/modals/ApiModal/index.tsx
@@ -104,7 +104,7 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
           <div className="flex items-center justify-between px-2">
             <TabsList>
               {tabs.map((tab, index) => (
-                <TabsTrigger value={index.toString()}>{tab.name}</TabsTrigger>
+                <TabsTrigger key={index} value={index.toString()}>{tab.name}</TabsTrigger>
               ))}
             </TabsList>
             <div className="float-right">
diff --git a/src/frontend/src/modals/EditNodeModal/index.tsx b/src/frontend/src/modals/EditNodeModal/index.tsx
index 1a270f46e..ef82581f6 100644
--- a/src/frontend/src/modals/EditNodeModal/index.tsx
+++ b/src/frontend/src/modals/EditNodeModal/index.tsx
@@ -79,8 +79,8 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
   }
 
   return (
-    <Dialog open={true} onOpenChange={setModalOpen}>
-      <DialogTrigger></DialogTrigger>
+    <Dialog open={true} onOpenChange={setModalOpen} >
+      <DialogTrigger asChild></DialogTrigger>
       <DialogContent className="lg:max-w-[700px] ">
         <DialogHeader>
           <DialogTitle className="flex items-center">