From ffb3a34a499afaced278a04ada3eba89e6b2d394 Mon Sep 17 00:00:00 2001
From: Shahzad <shahzad.muhammad@elastic.co>
Date: Wed, 8 Apr 2020 19:23:16 +0200
Subject: [PATCH] [Uptime]Alerting UI text in case filter is selected (#62570)

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
---
 .../alerts/uptime_alerts_flyout_wrapper.tsx      |  4 ++--
 .../functional/alerts/alert_monitor_status.tsx   | 16 +++++++++++++++-
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/x-pack/legacy/plugins/uptime/public/components/connected/alerts/uptime_alerts_flyout_wrapper.tsx b/x-pack/legacy/plugins/uptime/public/components/connected/alerts/uptime_alerts_flyout_wrapper.tsx
index b547f8b076f93..a49468ad3dd06 100644
--- a/x-pack/legacy/plugins/uptime/public/components/connected/alerts/uptime_alerts_flyout_wrapper.tsx
+++ b/x-pack/legacy/plugins/uptime/public/components/connected/alerts/uptime_alerts_flyout_wrapper.tsx
@@ -17,7 +17,7 @@ interface Props {
 
 export const UptimeAlertsFlyoutWrapper = ({ alertTypeId, canChangeTrigger }: Props) => {
   const dispatch = useDispatch();
-  const setAddFlyoutVisiblity = (value: React.SetStateAction<boolean>) =>
+  const setAddFlyoutVisibility = (value: React.SetStateAction<boolean>) =>
     // @ts-ignore the value here is a boolean, and it works with the action creator function
     dispatch(setAlertFlyoutVisible(value));
 
@@ -28,7 +28,7 @@ export const UptimeAlertsFlyoutWrapper = ({ alertTypeId, canChangeTrigger }: Pro
       alertFlyoutVisible={alertFlyoutVisible}
       alertTypeId={alertTypeId}
       canChangeTrigger={canChangeTrigger}
-      setAlertFlyoutVisibility={setAddFlyoutVisiblity}
+      setAlertFlyoutVisibility={setAddFlyoutVisibility}
     />
   );
 };
diff --git a/x-pack/legacy/plugins/uptime/public/components/functional/alerts/alert_monitor_status.tsx b/x-pack/legacy/plugins/uptime/public/components/functional/alerts/alert_monitor_status.tsx
index 5143e1c963904..b86e85f35b17d 100644
--- a/x-pack/legacy/plugins/uptime/public/components/functional/alerts/alert_monitor_status.tsx
+++ b/x-pack/legacy/plugins/uptime/public/components/functional/alerts/alert_monitor_status.tsx
@@ -268,7 +268,21 @@ export const AlertMonitorStatusComponent: React.FC<AlertMonitorStatusProps> = pr
           />
         }
         data-test-subj="xpack.uptime.alerts.monitorStatus.numTimesExpression"
-        description="any monitor is down >"
+        description={
+          filters
+            ? i18n.translate(
+                'xpack.uptime.alerts.monitorStatus.numTimesExpression.matchingMonitors.description',
+                {
+                  defaultMessage: 'matching monitors are down >',
+                }
+              )
+            : i18n.translate(
+                'xpack.uptime.alerts.monitorStatus.numTimesExpression.anyMonitors.description',
+                {
+                  defaultMessage: 'any monitor is down >',
+                }
+              )
+        }
         id="ping-count"
         value={`${numTimes} times`}
       />