diff --git a/client/landing/domains/registrant-verification/index.jsx b/client/landing/domains/registrant-verification/index.jsx
index e75f13f31a15a..5ebf7247360fc 100644
--- a/client/landing/domains/registrant-verification/index.jsx
+++ b/client/landing/domains/registrant-verification/index.jsx
@@ -54,17 +54,20 @@ class RegistrantVerificationPage extends Component {
getVerificationSuccessState = ( domains ) => {
const { translate } = this.props;
- const verifiedDomains = domains.join( ', ' );
+ const DomainLinks = domains.map( ( domain, index ) => [
+ index > 0 && ', ',
+
+ { domain }
+ ,
+ ] );
return {
title: translate( 'Success!' ),
message: translate(
- 'Thank your for verifying your contact information for:{{br /}}{{strong}}%(domain)s{{/strong}}.',
+ 'Thank your for verifying your contact information for:{{br /}}{{strong}}{{domainLinks /}}{{/strong}}.',
{
- args: {
- domain: verifiedDomains,
- },
components: {
+ domainLinks: DomainLinks,
strong: ,
br:
,
},
@@ -130,7 +133,7 @@ class RegistrantVerificationPage extends Component {
return {
title: translate( 'Already verified.' ),
message: translate(
- "You've already verified {{strong}}%(email)s{{/strong}} for:{{br /}}{{strong}}%(domain)s{{/strong}}.",
+ "You've already verified {{strong}}%(email)s{{/strong}} for:{{br /}}{{strong}}{{a}}%(domain)s{{/a}}{{/strong}}.",
{
args: {
email: email,
@@ -139,6 +142,7 @@ class RegistrantVerificationPage extends Component {
components: {
strong: ,
br:
,
+ a: ,
},
}
),