Merge pull request #3775 from project-koku/release_prod-stable.15955

Deployment commit for prod-stable
project-koku · Apr 9, 2024 · d19b038 · d19b038
2 parents c5675c0 + 63c39c3
commit d19b038
Showing 1 changed file with 10 additions and 9 deletions.
diff --git a/src/routes/details/components/breakdown/breakdownHeader.tsx b/src/routes/details/components/breakdown/breakdownHeader.tsx
@@ -136,6 +136,8 @@ class BreakdownHeader extends React.Component<BreakdownHeaderProps, any> {
             ? orgUnitIdKey
             : groupBy;
 
+    const showClusterInfo = clusterInfoComponent && isClusterInfoToggleEnabled;
+
     return (
       <header style={styles.header}>
         <Flex justifyContent={{ default: 'justifyContentSpaceBetween' }} style={styles.headerContent}>
@@ -166,15 +168,14 @@ class BreakdownHeader extends React.Component<BreakdownHeaderProps, any> {
         <Flex justifyContent={{ default: 'justifyContentSpaceBetween' }} style={styles.perspectiveContainer}>
           <FlexItem>
             <Flex direction={{ default: 'column' }}>
-              {description ||
-                (clusterInfoComponent && isClusterInfoToggleEnabled && (
-                  <FlexItem style={styles.description}>
-                    {description}
-                    {clusterInfoComponent && isClusterInfoToggleEnabled ? (
-                      <span style={!description ? styles.clusterInfoContainer : undefined}>{clusterInfoComponent}</span>
-                    ) : null}
-                  </FlexItem>
-                ))}
+              {(description || showClusterInfo) && (
+                <FlexItem style={styles.description}>
+                  {description}
+                  {showClusterInfo ? (
+                    <span style={!description ? styles.clusterInfoContainer : undefined}>{clusterInfoComponent}</span>
+                  ) : null}
+                </FlexItem>
+              )}
               {dataDetailsComponent && isClusterInfoToggleEnabled ? <FlexItem>{dataDetailsComponent}</FlexItem> : null}
               {showCostDistribution && (
                 <FlexItem style={styles.costDistribution}>