diff --git a/assets/js/src/common/subscribers_cache_message.tsx b/assets/js/src/common/subscribers_cache_message.tsx index 043fe21a0e..d90f6bff17 100644 --- a/assets/js/src/common/subscribers_cache_message.tsx +++ b/assets/js/src/common/subscribers_cache_message.tsx @@ -1,6 +1,7 @@ import React, { useState } from 'react'; import MailPoet from 'mailpoet'; import Button from 'common/button/button'; +import ReactStringReplace from 'react-string-replace'; import Notice from '../notices/notice'; type Props = { @@ -29,9 +30,17 @@ export function SubscribersCacheMessage({ cacheCalculation }: Props): JSX.Elemen return (
- {MailPoet.I18n.t('subscribersCountWereCalculated')} -   - {`${String(minutes)} ${String(MailPoet.I18n.t('subscribersMinutesAgo'))}`} + + {ReactStringReplace( + MailPoet.I18n.t('subscribersCountWereCalculatedWithMinutesAgo'), + /(.*?)<\/abbr>/, + (match) => ( + + {match.replace(/(\{\$mins\}|\$mins)/, String(minutes))} + + ) + )} +