diff --git a/packages/game-app/src/_shared/components/PasswordInput/PasswordInput.tsx b/packages/game-app/src/_shared/components/PasswordInput/PasswordInput.tsx index 84051436..c2b0479e 100644 --- a/packages/game-app/src/_shared/components/PasswordInput/PasswordInput.tsx +++ b/packages/game-app/src/_shared/components/PasswordInput/PasswordInput.tsx @@ -21,6 +21,7 @@ type Props = { errorMessage?: string | null; onForgotPassword?: () => void; forgotPasswordLabel?: string; + autocomplete?: React.ComponentProps['autocomplete']; tabIndex?: React.ComponentProps['tabIndex']; }; @@ -37,6 +38,7 @@ const PasswordInput = React.forwardRef( forgotPasswordLabel, onForgotPassword, tabIndex, + autocomplete, }, ref, ) => { @@ -62,7 +64,7 @@ const PasswordInput = React.forwardRef( {type === 'password' ? : } diff --git a/packages/game-app/src/_shared/components/TextInput/TextInput.tsx b/packages/game-app/src/_shared/components/TextInput/TextInput.tsx index f0e8c523..5312662e 100644 --- a/packages/game-app/src/_shared/components/TextInput/TextInput.tsx +++ b/packages/game-app/src/_shared/components/TextInput/TextInput.tsx @@ -17,11 +17,24 @@ type Props = { type?: string; disabled?: boolean; tabIndex?: React.ComponentProps['tabIndex']; + autocomplete?: React.ComponentProps['autocomplete']; }; const TextInput = React.forwardRef( ( - { name, value, errorMessage, label, labelDetails, placeholder, onChange, type = 'text', disabled, tabIndex }, + { + name, + value, + errorMessage, + label, + labelDetails, + placeholder, + onChange, + type = 'text', + disabled, + tabIndex, + autocomplete, + }, ref, ) => { return ( @@ -45,6 +58,7 @@ const TextInput = React.forwardRef( id={name} onChange={onChange} tabIndex={tabIndex} + autocomplete={autocomplete} /> {errorMessage ? : null} diff --git a/packages/game-app/src/_shared/form/FormTextField/FormTextField.tsx b/packages/game-app/src/_shared/form/FormTextField/FormTextField.tsx index 6478c092..db136300 100644 --- a/packages/game-app/src/_shared/form/FormTextField/FormTextField.tsx +++ b/packages/game-app/src/_shared/form/FormTextField/FormTextField.tsx @@ -26,6 +26,7 @@ type Props = { CustomInput?: React.ComponentType>; disabled?: boolean; tabIndex?: React.ComponentProps['tabIndex']; + autocomplete?: React.ComponentProps['autocomplete']; }; /** diff --git a/packages/game-app/src/forgotPassword/components/ForgotPassword/ForgotPassword.tsx b/packages/game-app/src/forgotPassword/components/ForgotPassword/ForgotPassword.tsx index 7cb66c6b..e950054b 100644 --- a/packages/game-app/src/forgotPassword/components/ForgotPassword/ForgotPassword.tsx +++ b/packages/game-app/src/forgotPassword/components/ForgotPassword/ForgotPassword.tsx @@ -64,6 +64,7 @@ const ForgotPassword: React.FC = () => { name="email" label={t('forgotPassword.form.email.label')} placeholder={t('forgotPassword.form.email.placeholder')} + autocomplete="email" />