From 3d301a683c84ac350fed1df68e255ba8b5bc8d8b Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Thu, 5 Oct 2023 20:09:52 -0300
Subject: [PATCH] fix(GenericNode): update the name prop of IconComponent to
 conditionally display "Ungroup" if data.node.flow is truthy
 fix(reactflowUtils): update the display_name value to "group Component" in
 the generateNodeFromFlow function

The changes were made to improve the semantics and provide more descriptive names for better understanding and maintainability.
---
 src/frontend/src/CustomNodes/GenericNode/index.tsx | 2 +-
 src/frontend/src/utils/reactflowUtils.ts           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index b97f46697..f69372b0d 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -105,7 +105,7 @@ export default function GenericNode({
         <div className="generic-node-div-title">
           <div className="generic-node-title-arrangement">
             <IconComponent
-              name={name}
+              name={data.node?.flow?"Ungroup":name}
               className="generic-node-icon"
               iconColor={`${nodeColors[types[data.type]]}`}
             />
diff --git a/src/frontend/src/utils/reactflowUtils.ts b/src/frontend/src/utils/reactflowUtils.ts
index a6811ee4d..5b45e9da3 100644
--- a/src/frontend/src/utils/reactflowUtils.ts
+++ b/src/frontend/src/utils/reactflowUtils.ts
@@ -673,7 +673,7 @@ export function generateNodeFromFlow(flow: FlowType,getNodeId:(type:string)=>str
       type: outputNode?.data.type!,
       node: {
         output_types: outputNode!.data.node!.output_types,
-        display_name: "group Node",
+        display_name: "group Component",
         documentation: "",
         base_classes: outputNode!.data.node!.base_classes,
         description: "double click to edit description",