diff --git a/client/landing/stepper/declarative-flow/internals/steps-repository/site-migration-credentials/components/credentials-form.tsx b/client/landing/stepper/declarative-flow/internals/steps-repository/site-migration-credentials/components/credentials-form.tsx index 08eab372d557b..194aed9ba43e2 100644 --- a/client/landing/stepper/declarative-flow/internals/steps-repository/site-migration-credentials/components/credentials-form.tsx +++ b/client/landing/stepper/declarative-flow/internals/steps-repository/site-migration-credentials/components/credentials-form.tsx @@ -1,4 +1,5 @@ import { Card } from '@automattic/components'; +import { useIsEnglishLocale } from '@automattic/i18n-utils'; import { NextButton } from '@automattic/onboarding'; import { useTranslate } from 'i18n-calypso'; import { FC } from 'react'; @@ -20,6 +21,7 @@ interface CredentialsFormProps { export const CredentialsForm: FC< CredentialsFormProps > = ( { onSubmit, onSkip } ) => { const translate = useTranslate(); + const isEnglishLocale = useIsEnglishLocale(); const { handleSubmit, control, @@ -83,7 +85,9 @@ export const CredentialsForm: FC< CredentialsFormProps > = ( { onSubmit, onSkip onClick={ onSkip } type="button" > - { translate( 'Skip, I need help providing access' ) } + { isEnglishLocale + ? translate( 'I need help, please contact me' ) + : translate( 'Skip, I need help providing access' ) } diff --git a/client/landing/stepper/declarative-flow/internals/steps-repository/site-migration-credentials/components/site-address-field.tsx b/client/landing/stepper/declarative-flow/internals/steps-repository/site-migration-credentials/components/site-address-field.tsx index 3e8e2d5b0c30c..d51cca0f697ae 100644 --- a/client/landing/stepper/declarative-flow/internals/steps-repository/site-migration-credentials/components/site-address-field.tsx +++ b/client/landing/stepper/declarative-flow/internals/steps-repository/site-migration-credentials/components/site-address-field.tsx @@ -1,5 +1,5 @@ import { FormLabel } from '@automattic/components'; -import { useHasEnTranslation } from '@automattic/i18n-utils'; +import { useHasEnTranslation, useIsEnglishLocale } from '@automattic/i18n-utils'; import { useTranslate } from 'i18n-calypso'; import { Controller } from 'react-hook-form'; import getValidationMessage from 'calypso/blocks/import/capture/url-validation-message-helper'; @@ -18,6 +18,7 @@ export const SiteAddressField: React.FC< Props > = ( { importSiteQueryParam, } ) => { const translate = useTranslate(); + const isEnglishLocale = useIsEnglishLocale(); const hasEnTranslation = useHasEnTranslation(); const validateSiteAddress = ( siteAddress: string ) => { @@ -33,7 +34,9 @@ export const SiteAddressField: React.FC< Props > = ( { return (
- { translate( 'Site address' ) } + + { isEnglishLocale ? translate( 'Current site address' ) : translate( 'Site address' ) } + { return navigation.submit?.(); @@ -22,7 +24,13 @@ const SiteMigrationCredentials: Step = function ( { navigation } ) { return ( <> - + } diff --git a/client/landing/stepper/declarative-flow/internals/steps-repository/site-migration-credentials/test/index.tsx b/client/landing/stepper/declarative-flow/internals/steps-repository/site-migration-credentials/test/index.tsx index 474f6d596f082..b171f607586d3 100644 --- a/client/landing/stepper/declarative-flow/internals/steps-repository/site-migration-credentials/test/index.tsx +++ b/client/landing/stepper/declarative-flow/internals/steps-repository/site-migration-credentials/test/index.tsx @@ -32,7 +32,7 @@ const messages = { const { getByRole, getByLabelText, getByTestId, getByText, findByText } = screen; const continueButton = () => getByRole( 'button', { name: /Continue/ } ); -const siteAddressInput = () => getByLabelText( 'Site address' ); +const siteAddressInput = () => getByLabelText( 'Current site address' ); const usernameInput = () => getByLabelText( 'WordPress admin username' ); const passwordInput = () => getByLabelText( 'Password' ); const backupOption = () => getByRole( 'radio', { name: 'Backup file' } ); @@ -41,7 +41,7 @@ const backupFileInput = () => getByLabelText( 'Backup file location' ); //TODO: it requires a testid because there is no accessible name, it is an issue with the component const specialInstructionsInput = () => getByTestId( 'special-instructions-textarea' ); const specialInstructionsButton = () => getByRole( 'button', { name: 'Special instructions' } ); -const skipButton = () => getByRole( 'button', { name: /Skip, I need help providing access/ } ); +const skipButton = () => getByRole( 'button', { name: /I need help, please contact me/ } ); const fillAllFields = async () => { await userEvent.click( credentialsOption() );