change headerClass to an object instead of a string

Co-authored-by: Laila Los <[email protected]>
galaxyproject · Apr 29, 2024 · 0ce7488 · 0ce7488
1 parent 5d623af
commit 0ce7488
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/client/src/composables/useInvocationGraph.ts b/client/src/composables/useInvocationGraph.ts
@@ -35,7 +35,7 @@ export interface GraphStep extends Step {
         | "paused"
         | "skipped";
     jobs: StepJobSummary["states"];
-    headerClass?: string;
+    headerClass?: Record<string, boolean>;
     headerIcon?: IconDefinition;
     headerIconSpin?: boolean;
 }
@@ -194,10 +194,11 @@ export function useInvocationGraph(
                     }
 
                     /** Setting the header class for the graph step */
-                    if (graphStepFromWfStep.state) {
-                        graphStepFromWfStep.headerClass = `node-header-invocation header-${graphStepFromWfStep.state}`;
-                        // TODO: maybe a different one for inputs? Currently they have no state either.
-                    }
+                    graphStepFromWfStep.headerClass = {
+                        "node-header-invocation": true,
+                        [`header-${graphStepFromWfStep.state}`]: !!graphStepFromWfStep.state,
+                    };
+                    // TODO: maybe a different one for inputs? Currently they have no state either.
 
                     /** Setting the header icon for the graph step */
                     if (graphStepFromWfStep.state) {