Wrap the headerText in Stepper in a translate call (#91048)

Automattic · May 23, 2024 · 554abd0 · 554abd0
1 parent a2a916a
commit 554abd0
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/client/landing/stepper/declarative-flow/internals/steps-repository/user/index.tsx b/client/landing/stepper/declarative-flow/internals/steps-repository/user/index.tsx
@@ -1,4 +1,5 @@
 import { StepContainer } from '@automattic/onboarding';
+import { useTranslate } from 'i18n-calypso';
 import SignupFormSocialFirst from 'calypso/blocks/signup-form/signup-form-social-first';
 import FormattedHeader from 'calypso/components/formatted-header';
 import { recordTracksEvent } from 'calypso/lib/analytics/tracks';
@@ -14,14 +15,15 @@ const StepContent: Step = ( { flow, stepName, navigation } ) => {
 	const { submit } = navigation;
 	const socialService = getSocialServiceFromClientId( '' );
 	const isLoggedIn = useSelector( isUserLoggedIn );
+	const translate = useTranslate();
 
 	if ( isLoggedIn ) {
 		submit?.();
 	}
 
 	return (
 		<>
-			<FormattedHeader align="center" headerText="Create your account" brandFont />
+			<FormattedHeader align="center" headerText={ translate( 'Create your account' ) } brandFont />
 			<SignupFormSocialFirst
 				step={ {} }
 				stepName={ stepName }