From 07fa4dab339ac3a3952a2ef47ffff0d384c01c7b Mon Sep 17 00:00:00 2001
From: Zacqary Xeper <zacqary.xeper@elastic.co>
Date: Wed, 5 Aug 2020 13:05:58 -0500
Subject: [PATCH] [Metrics UI] Fix No Data preview pluralization

---
 .../common/components/alert_preview.tsx         | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/x-pack/plugins/infra/public/alerting/common/components/alert_preview.tsx b/x-pack/plugins/infra/public/alerting/common/components/alert_preview.tsx
index 9d28ef71a5518f..5f3e8240ae3283 100644
--- a/x-pack/plugins/infra/public/alerting/common/components/alert_preview.tsx
+++ b/x-pack/plugins/infra/public/alerting/common/components/alert_preview.tsx
@@ -186,9 +186,22 @@ export const AlertPreview: React.FC<Props> = (props) => {
               {showNoDataResults && previewResult.resultTotals.noData ? (
                 <FormattedMessage
                   id="xpack.infra.metrics.alertFlyout.alertPreviewNoDataResult"
-                  defaultMessage="There {noData, plural, one {was # result} other {were # results}} of no data."
+                  defaultMessage="There {noDataNumberForPluralization, plural, one {was} other {were}} {boldedResultsNumber} of no data."
                   values={{
-                    noData: <strong>{previewResult.resultTotals.noData}</strong>,
+                    noDataNumberForPluralization: previewResult.resultTotals.noData,
+                    boldedResultsNumber: (
+                      <strong>
+                        {i18n.translate(
+                          'xpack.infra.metrics.alertFlyout.alertPreviewNoDataResultNumber',
+                          {
+                            defaultMessage: '{noData, plural, one {# result} other {# results}}',
+                            values: {
+                              noData: previewResult.resultTotals.noData,
+                            },
+                          }
+                        )}
+                      </strong>
+                    ),
                   }}
                 />
               ) : null}{' '}