fixup

Author: kdelemme

x-pack/solutions/observability/plugins/slo/public/pages/slo_details/components/slo_health_callout.tsx

@@ -11,7 +11,6 @@ import { i18n } from '@kbn/i18n';
 import { FormattedMessage } from '@kbn/i18n-react';
 import kbnRison from '@kbn/rison';
 import type { SLOWithSummaryResponse } from '@kbn/slo-schema';
-import { values } from 'lodash';
 import React from 'react';
 import { getSLOSummaryTransformId, getSLOTransformId } from '../../../../common/constants';
 import { useActionModal } from '../../../context/action_modal';
@@ -85,20 +84,21 @@ export function SloHealthCallout({ slo }: { slo: SLOWithSummaryResponse }) {
             values={{ count }}
           />
           <ul>
-            {(rollup.unhealthy || rollup.stopped) && !!rollupUrl && (
-              <li>
-                <ContentWithInspectCta
-                  textSize="s"
-                  content={
-                    rollup.unhealthy
-                      ? getUnhealthyText(rollupTransformId)
-                      : getStoppedText(rollupTransformId)
-                  }
-                  url={rollupUrl}
-                />
-              </li>
-            )}
-            {rollup.missing && (
+            {(health.rollup.status === 'unhealthy' || health.rollup.stateMatches === false) &&
+              !!rollupUrl && (
+                <li>
+                  <ContentWithInspectCta
+                    textSize="s"
+                    content={
+                      health.rollup.status === 'unhealthy'
+                        ? getUnhealthyText(rollupTransformId)
+                        : getStoppedText(rollupTransformId) // TODO: Change here based on stateMatches and SLO.enabled
+                    }
+                    url={rollupUrl}
+                  />
+                </li>
+              )}
+            {health.rollup.missing && (
               <li>
                 <ContentWithResetCta
                   textSize="s"
@@ -108,20 +108,21 @@ export function SloHealthCallout({ slo }: { slo: SLOWithSummaryResponse }) {
               </li>
             )}
 
-            {(summary.unhealthy || summary.stopped) && !!summaryUrl && (
-              <li>
-                <ContentWithInspectCta
-                  textSize="s"
-                  content={
-                    summary.unhealthy
-                      ? getUnhealthyText(summaryTransformId)
-                      : getStoppedText(summaryTransformId)
-                  }
-                  url={summaryUrl}
-                />
-              </li>
-            )}
-            {summary.missing && (
+            {(health.summary.status === 'unhealthy' || health.summary.stateMatches === false) &&
+              !!summaryUrl && (
+                <li>
+                  <ContentWithInspectCta
+                    textSize="s"
+                    content={
+                      health.summary.status === 'unhealthy'
+                        ? getUnhealthyText(summaryTransformId)
+                        : getStoppedText(summaryTransformId)
+                    }
+                    url={summaryUrl}
+                  />
+                </li>
+              )}
+            {health.summary.missing && (
               <li>
                 <ContentWithResetCta
                   textSize="s"