Andal.LND/frontend-app-authn
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

VAN-617 - Show/Hide password should not trigger field validation (#372)

Browse Source
This commit is contained in:
Shafqat Farhan
2021-06-25 17:44:27 +05:00
committed by Waheed Ahmed
parent 9b11b60f95
commit ecc9e0cd07
2 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/redesign/common-components/PasswordField.jsx
View File

@@ -30,11 +30,11 @@ const PasswordField = (props) => {
};
const HideButton = (
<IconButton className="password-visibility" src={VisibilityOff} iconAs={Icon} onClick={setHiddenTrue} size="sm" variant="secondary" alt={formatMessage(messages['hide.password'])} />
<IconButton onFocus={handleFocus} onBlur={handleBlur} name="passwordValidation" className="password-visibility" src={VisibilityOff} iconAs={Icon} onClick={setHiddenTrue} size="sm" variant="secondary" alt={formatMessage(messages['hide.password'])} />
);
const ShowButton = (
<IconButton className="password-visibility" src={Visibility} iconAs={Icon} onClick={setHiddenFalse} size="sm" variant="secondary" alt={formatMessage(messages['show.password'])} />
<IconButton onFocus={handleFocus} onBlur={handleBlur} name="passwordValidation" className="password-visibility" src={Visibility} iconAs={Icon} onClick={setHiddenFalse} size="sm" variant="secondary" alt={formatMessage(messages['show.password'])} />
);
const placement = window.innerWidth < 768 ? 'top' : 'left';
const tooltip = (

9
src/redesign/register/RegistrationPage.jsx
View File

@@ -219,7 +219,11 @@ class RegistrationPage extends React.Component {
}
handleOnBlur = (e) => {
const { name, value } = e.target;
let { name, value } = e.target;
if (name === 'passwordValidation') {
name = 'password';
value = this.state.password;
}
const payload = {
is_authn_mfe: true,
form_field_key: name,
@@ -253,6 +257,9 @@ class RegistrationPage extends React.Component {
if (e.target.name === 'username') {
this.props.clearUsernameSuggestions();
}
if (e.target.name === 'passwordValidation') {
state.errors.password = '';
}
this.setState({ ...state });
}