fix(core/healthCounts): Propagate css class to health counts in eithe…

…r case (#4867)
spinnaker · Feb 16, 2018 · 2ab4270 · 2ab4270
1 parent c67cd0e
commit 2ab4270
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/app/scripts/modules/core/src/healthCounts/HealthCounts.tsx b/app/scripts/modules/core/src/healthCounts/HealthCounts.tsx
@@ -128,9 +128,11 @@ export class HealthCounts extends React.Component<IHealthCountsProps, IHealthCou
       counts.push(<span key="failed"> {container.failed} <span className="glyphicon glyphicon-Failed-triangle disabled small"/></span>);
     }
 
+    const className = this.props.className || '';
+
     if (percentLabel !== 'n/a') {
       return (
-        <div className="health-counts">
+        <div className={`health-counts ${className}`}>
           <Tooltip template={legend} placement={this.props.legendPlacement}>
             <span className="counter instance-health-counts">
               {counts}
@@ -141,7 +143,7 @@ export class HealthCounts extends React.Component<IHealthCountsProps, IHealthCou
       );
     } else if (container.outOfService) {
       return (
-        <div className={`health-counts ${this.props.className ? this.props.className : ''}`}>
+        <div className={`health-counts ${className}`}>
           <Tooltip template={legend}>
             <span className="counter instance-health-counts">
               <span>