mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
add back error when password is too short (#16876)
This commit is contained in:
parent
3859c25cac
commit
5accaf88b9
@ -85,13 +85,14 @@ export default function CreatePassword({
|
|||||||
|
|
||||||
const handlePasswordChange = (passwordInput) => {
|
const handlePasswordChange = (passwordInput) => {
|
||||||
let confirmError = '';
|
let confirmError = '';
|
||||||
|
let passwordInputError = '';
|
||||||
const passwordEvaluation = zxcvbn(passwordInput);
|
const passwordEvaluation = zxcvbn(passwordInput);
|
||||||
const passwordStrengthLabel = getPasswordStrengthLabel(
|
const passwordStrengthLabel = getPasswordStrengthLabel(
|
||||||
passwordEvaluation.score,
|
passwordEvaluation.score,
|
||||||
t,
|
t,
|
||||||
);
|
);
|
||||||
const passwordStrengthDescription = passwordStrengthLabel.description;
|
let passwordStrengthDescription = passwordStrengthLabel.description;
|
||||||
const passwordStrengthInput = t('passwordStrength', [
|
let passwordStrengthInput = t('passwordStrength', [
|
||||||
<span
|
<span
|
||||||
key={passwordEvaluation.score}
|
key={passwordEvaluation.score}
|
||||||
className={passwordStrengthLabel.className}
|
className={passwordStrengthLabel.className}
|
||||||
@ -100,11 +101,20 @@ export default function CreatePassword({
|
|||||||
</span>,
|
</span>,
|
||||||
]);
|
]);
|
||||||
|
|
||||||
|
if (passwordInput.length < 8) {
|
||||||
|
passwordInputError = passwordInput.length
|
||||||
|
? t('passwordNotLongEnough')
|
||||||
|
: '';
|
||||||
|
passwordStrengthInput = null;
|
||||||
|
passwordStrengthDescription = '';
|
||||||
|
}
|
||||||
|
|
||||||
if (confirmPassword && passwordInput !== confirmPassword) {
|
if (confirmPassword && passwordInput !== confirmPassword) {
|
||||||
confirmError = t('passwordsDontMatch');
|
confirmError = t('passwordsDontMatch');
|
||||||
}
|
}
|
||||||
|
|
||||||
setPassword(passwordInput);
|
setPassword(passwordInput);
|
||||||
|
setPasswordError(passwordInputError);
|
||||||
setPasswordStrength(passwordStrengthInput);
|
setPasswordStrength(passwordStrengthInput);
|
||||||
setPasswordStrengthText(passwordStrengthDescription);
|
setPasswordStrengthText(passwordStrengthDescription);
|
||||||
setConfirmPasswordError(confirmError);
|
setConfirmPasswordError(confirmError);
|
||||||
@ -175,6 +185,7 @@ export default function CreatePassword({
|
|||||||
<FormField
|
<FormField
|
||||||
dataTestId="create-password-new"
|
dataTestId="create-password-new"
|
||||||
autoFocus
|
autoFocus
|
||||||
|
error={passwordError}
|
||||||
passwordStrength={passwordStrength}
|
passwordStrength={passwordStrength}
|
||||||
passwordStrengthText={passwordStrengthText}
|
passwordStrengthText={passwordStrengthText}
|
||||||
onChange={handlePasswordChange}
|
onChange={handlePasswordChange}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user