diff --git a/public/app/features/alerting/unified/components/rules/RuleDetailsMatchingInstances.tsx b/public/app/features/alerting/unified/components/rules/RuleDetailsMatchingInstances.tsx index b8162030af5..7a7e5d8b22c 100644 --- a/public/app/features/alerting/unified/components/rules/RuleDetailsMatchingInstances.tsx +++ b/public/app/features/alerting/unified/components/rules/RuleDetailsMatchingInstances.tsx @@ -44,20 +44,21 @@ interface ShowMoreInstancesProps { function ShowMoreInstances({ stats, onClick, href }: ShowMoreInstancesProps) { const styles = useStyles2(getStyles); + const { visibleItemsCount, totalItemsCount } = stats; return (
- Showing {'{{visibleItems}}'} out of {'{{totalItems}}'} instances + Showing {{ visibleItemsCount }} out of {{ totalItemsCount }} instances
- - Show all {'{{totalItems}}'} alert instances + + Show all {{ totalItemsCount }} alert instances
diff --git a/public/locales/en-US/grafana.json b/public/locales/en-US/grafana.json index cc056e38526..1eb2c98e9ef 100644 --- a/public/locales/en-US/grafana.json +++ b/public/locales/en-US/grafana.json @@ -2334,9 +2334,8 @@ "label-tenant-sources": "Tenant sources" }, "rule-details-matching-instances": { - "button-show-all_one": "Show all {{totalItems}} alert instances", - "button-show-all_other": "Show all {{totalItems}} alert instances", - "showing-count": "Showing {{visibleItems}} out of {{totalItems}} instances" + "button-show-all": "Show all {{totalItemsCount}} alert instances", + "showing-count": "Showing {{visibleItemsCount}} out of {{totalItemsCount}} instances" }, "rule-editor": { "get-content": {