From b566959c4a7a11abcc53fc6937e453b8aa6be1ef Mon Sep 17 00:00:00 2001
From: David Remer <webmaster@websupporter.net>
Date: Mon, 3 Jul 2023 13:56:25 +0300
Subject: [PATCH] Use new <Badge /> element in email statistic panel

[MAILPOET-5091]
---
 .../tabs/automation_flow/steps/send_email/index.tsx          | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/mailpoet/assets/js/src/automation/integrations/mailpoet/analytics/components/tabs/automation_flow/steps/send_email/index.tsx b/mailpoet/assets/js/src/automation/integrations/mailpoet/analytics/components/tabs/automation_flow/steps/send_email/index.tsx
index 99d550db31..51c3913d44 100644
--- a/mailpoet/assets/js/src/automation/integrations/mailpoet/analytics/components/tabs/automation_flow/steps/send_email/index.tsx
+++ b/mailpoet/assets/js/src/automation/integrations/mailpoet/analytics/components/tabs/automation_flow/steps/send_email/index.tsx
@@ -7,6 +7,7 @@ import { EmailStats, OverviewSection, storeName } from '../../../../../store';
 import { locale } from '../../../../../config';
 import { formattedPrice } from '../../../../../formatter';
 import { openTab } from '../../../../../navigation/open_tab';
+import { Badge } from '../../../../email_click_badge';
 
 type SendEmailPanelSectionProps = {
   label: string;
@@ -85,9 +86,7 @@ export function SendEmailPanel({ step }: SendEmailPanelProps): JSX.Element {
       />
       <SendEmailPanelSection
         label={__('Clicked', 'mailpoet')}
-        value={Intl.NumberFormat(locale.toString(), {
-          notation: 'compact',
-        }).format(email?.clicked ?? 0)}
+        value={<Badge email={email} property="clicked" />}
         isLoading={isLoading}
       />
       <hr />