diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx index eb16542ef..c7b85c57c 100644 --- a/src/frontend/src/CustomNodes/GenericNode/index.tsx +++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx @@ -157,7 +157,7 @@ export default function GenericNode({ ); }; - const getIconComponent = (name, className) => ( + const getIconPlayOrPauseComponent = (name, className) => ( { if (buildStatus === BuildStatus.BUILDING) { - return getIconComponent("Square", "red-status"); + return getIconPlayOrPauseComponent("Square", "red-status"); } else { const className = getStatusClassName(validationStatus, isBuilding); - return <>{getIconComponent("Play", className)}; + return <>{getIconPlayOrPauseComponent("Play", className)}; } }; - const getSpecificClass = ( + const getSpecificClassFromBuildStatus = ( buildStatus: BuildStatus | undefined, validationStatus: validationStatusType | null ) => { @@ -209,7 +209,7 @@ export default function GenericNode({ } }; - const getNodeClassName = ( + const getNodeBorderClassName = ( selected: boolean, showNode: boolean, buildStatus: BuildStatus | undefined, @@ -219,7 +219,7 @@ export default function GenericNode({ getBaseBorderClass(selected), getNodeSizeClass(showNode), "generic-node-div", - getSpecificClass(buildStatus, validationStatus) + getSpecificClassFromBuildStatus(buildStatus, validationStatus) ); }; @@ -253,7 +253,7 @@ export default function GenericNode({
- {renderIconComponents( + {renderIconPlayOrPauseComponents( data?.build_status, validationStatus, isBuilding