diff --git a/client/my-sites/importer/newsletter/subscribers/step-initial.tsx b/client/my-sites/importer/newsletter/subscribers/step-initial.tsx index af6e18c5ce301..be9aace3ccf9f 100644 --- a/client/my-sites/importer/newsletter/subscribers/step-initial.tsx +++ b/client/my-sites/importer/newsletter/subscribers/step-initial.tsx @@ -5,8 +5,7 @@ import { Button } from '@wordpress/components'; import { useSelect } from '@wordpress/data'; import { createInterpolateElement } from '@wordpress/element'; import { external } from '@wordpress/icons'; -import { useI18n } from '@wordpress/react-i18n'; -import i18n from 'i18n-calypso'; +import i18n, { useTranslate } from 'i18n-calypso'; import { useEffect, useRef } from 'react'; import exportSubstackSubscribersImg from 'calypso/assets/images/importer/export-substack-subscribers.png'; import InlineSupportLink from 'calypso/components/inline-support-link'; @@ -23,7 +22,7 @@ export default function StepInitial( { engine, setAutoFetchData, }: SubscribersStepProps ) { - const { __ } = useI18n(); + const translate = useTranslate(); const { importSelector } = useSelect( ( select ) => { const subscriber = select( Subscriber.store ); return { @@ -41,37 +40,41 @@ export default function StepInitial( { return ( -

{ __( 'Step 1: Export your subscribers from Substack' ) }

+

{ translate( 'Step 1: Export your subscribers from Substack' ) }

- { createInterpolateElement( - // @ts-expect-error - fixMe method is not typed in the package. Once types are added upstream, remove this. - i18n.fixMe( { - text: `Generate a CSV of your Substack subscribers. In Substack, go to Subscribers, click Export under "All subscribers," then upload the CSV in the next step. On the free plan, you can import up to 100 subscribers.`, - newCopy: __( - `Generate a CSV of your Substack subscribers. In Substack, go to Subscribers, click Export under "All subscribers," then upload the CSV in the next step. On the free plan, you can import up to 100 subscribers.` - ), - oldCopy: __( + { i18n.fixMe( { + text: `Generate a CSV of your Substack subscribers. In Substack, go to Subscribers, click Export under "All subscribers," then upload the CSV in the next step. On the free plan, you can import up to 100 subscribers.`, + newCopy: translate( + `Generate a CSV of your Substack subscribers. In Substack, go to {{strong}}Subscribers{{/strong}}, click {{strong}}Export{{/strong}} under "All subscribers," then upload the CSV in the next step. On the free plan, {{supportLink}}you can import up to 100 subscribers.{{/supportLink}}`, + { + components: { + strong: , + supportLink: ( + + ), + }, + } + ), + oldCopy: createInterpolateElement( + translate( `Generate a CSV file of all your Substack subscribers. On Substack, go to the Subscribers tab and click the Export button you’ll find on top of the table. Then, upload the downloaded CSV in the next step.` ), - } ), - { - strong: , - supportLink: ( - - ), - } - ) } + { + strong: , + } + ), + } ) }

{
-

{ __( 'Step 2: Import your subscribers' ) }

+

{ translate( 'Step 2: Import your subscribers' ) }

{ selectedSite.ID && (