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 ; } else { - const className = getStatusClassName(buildStatus, validationStatus); - return <>{getIconPlayOrPauseComponent("CircleDot", className)}; + return ( + + ); } }; @@ -468,20 +479,17 @@ export default function GenericNode({ } >
- + {renderIconPlayOrPauseComponents( + data?.build_status, + validationStatus + )}
)}
- {renderIconPlayOrPauseComponents( - data?.build_status, - validationStatus - )} + {renderIconStatusComponents(data?.build_status, validationStatus)}