[Metrics UI] Fix No Data preview pluralization

elastic · Aug 5, 2020 · 07fa4da · 07fa4da
1 parent e23c5ea
commit 07fa4da
Showing 1 changed file with 15 additions and 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
@@ -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}{' '}