From e4db0f225af6ef1834c4562850b7f8942779d698 Mon Sep 17 00:00:00 2001
From: igorrCarvalho <igorsilvabhz6@gmail.com>
Date: Fri, 1 Mar 2024 14:13:17 -0300
Subject: [PATCH] Feat: Implement ungroup shortcut (Ctrl U)

---
 .../components/nodeToolbarComponent/index.tsx | 34 +++++++++++++++----
 1 file changed, 28 insertions(+), 6 deletions(-)

diff --git a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
index 88932d5b0..873ec66c4 100644
--- a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
@@ -209,6 +209,23 @@ export default function NodeToolbarComponent({
 
   useEffect(() => {
     function onKeyDown(event: KeyboardEvent) {
+      if (
+        (selected && isGroup) &&
+        (event.ctrlKey || event.metaKey) &&
+        event.key === "u"
+      ) {
+        event.preventDefault();
+        takeSnapshot();
+        expandGroupNode(
+          data.id,
+          updateFlowPosition(position, data.node?.flow!),
+          data.node!.template,
+          nodes,
+          edges,
+          setNodes,
+          setEdges
+        );
+      }
       if (
         selected &&
         (hasApiKey || hasStore) &&
@@ -548,12 +565,17 @@ export default function NodeToolbarComponent({
               {isGroup && (
                 <SelectItem value="ungroup">
                   <div className="flex">
-                    <IconComponent
-                      name="Combine"
-                      className="relative top-0.5 mr-2 h-4 w-4"
-                    />{" "}
-                    Ungroup{" "}
-                  </div>
+                  <IconComponent
+                    name="Ungroup"
+                    className="relative top-0.5 mr-2 h-4 w-4 "
+                  />{" "}
+                  <span className="">Ungroup</span>{" "}
+                  <IconComponent
+                    name="Command"
+                    className="absolute right-[1.15rem] top-[0.65em] h-3.5 w-3.5 stroke-2"
+                  ></IconComponent>
+                  <span className="absolute right-2 top-[0.43em]">U</span>
+                </div>
                 </SelectItem>
               )}