From f294d1faac58331060d89ec6c178757d31b00d15 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Sat, 24 Feb 2024 22:36:07 +0100
Subject: [PATCH] Fixed pause

---
 .../src/CustomNodes/GenericNode/index.tsx     | 28 ++++++++++++-------
 1 file changed, 18 insertions(+), 10 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index 7464f07f7..01105e6b1 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -184,6 +184,13 @@ export default function GenericNode({
     }
   };
 
+  const renderIconStatusComponents = (
+    buildStatus: BuildStatus | undefined,
+    validationStatus: validationStatusType | null
+  ) => {
+    const className = getStatusClassName(buildStatus, validationStatus);
+    return <>{getIconPlayOrPauseComponent("CircleDot", className)}</>;
+  };
   const renderIconPlayOrPauseComponents = (
     buildStatus: BuildStatus | undefined,
     validationStatus: validationStatusType | null
@@ -191,8 +198,12 @@ export default function GenericNode({
     if (buildStatus === BuildStatus.BUILDING) {
       return <Loading />;
     } else {
-      const className = getStatusClassName(buildStatus, validationStatus);
-      return <>{getIconPlayOrPauseComponent("CircleDot", className)}</>;
+      return (
+        <IconComponent
+          name="Play"
+          className="absolute ml-0.5 h-5 fill-current stroke-2 text-chat-trigger"
+        />
+      );
     }
   };
 
@@ -468,20 +479,17 @@ export default function GenericNode({
                     }
                   >
                     <div className="generic-node-status-position flex items-center justify-center">
-                      <IconComponent
-                        name="Play"
-                        className="absolute ml-0.5 h-5 fill-current stroke-2 text-chat-trigger"
-                      />
+                      {renderIconPlayOrPauseComponents(
+                        data?.build_status,
+                        validationStatus
+                      )}
                     </div>
                   </Tooltip>
                 </div>
               </Button>
             )}
             <div className="">
-              {renderIconPlayOrPauseComponents(
-                data?.build_status,
-                validationStatus
-              )}
+              {renderIconStatusComponents(data?.build_status, validationStatus)}
             </div>
           </div>
         </div>