GF-320: Add autocomplete off for Profile passwords inputs

bitia-ru · Mar 23, 2021 · a53aaad · a53aaad
1 parent 0dc774b
commit a53aaad
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/v1/components/FormField/FormField.js b/src/v1/components/FormField/FormField.js
@@ -12,7 +12,7 @@ export default class FormField extends Component {
 
     render() {
       const {
-        hasError, id, disabled, type, value, onChange, placeholder, errorText,
+        hasError, id, disabled, type, value, onChange, placeholder, errorText, autocomplete,
       } = this.props;
       const inputClass = `form__input${type === 'number' ? ' form__input-number' : ''}`;
       return (
@@ -27,6 +27,7 @@ export default class FormField extends Component {
               onChange={onChange}
               onKeyPress={this.onKeyPress}
               placeholder={placeholder}
+              autocomplete={autocomplete}
             />
             <label
               htmlFor={id}
@@ -62,6 +63,7 @@ FormField.propTypes = {
     PropTypes.string.isRequired,
     PropTypes.number.isRequired,
   ]),
+  autocomplete: PropTypes.string,
 };
 
 FormField.defaultProps = {
@@ -70,4 +72,5 @@ FormField.defaultProps = {
   disabled: false,
   onChange: null,
   errorText: null,
+  autocomplete: null,
 };
diff --git a/src/v2/forms/Profile/Profile.js b/src/v2/forms/Profile/Profile.js
@@ -404,6 +404,8 @@ class Profile extends Component {
                 </div>
               </div>
               <div className="modal-block__padding-wrapper">
+                <input type="text" style={{display: 'none'}} />
+                <input type="password" style={{display: 'none'}} />
                 <FormField
                   placeholder="Имя"
                   id="name"
@@ -429,6 +431,7 @@ class Profile extends Component {
                       ? 'Задать пароль'
                       : 'Сменить пароль'
                   }
+                  autocomplete="new-password"
                   onChange={this.onPasswordChange}
                   type="password"
                   hasError={this.hasError('password')}
@@ -443,6 +446,7 @@ class Profile extends Component {
                   hasError={this.hasError('repeatPassword')}
                   errorText={this.errorText('repeatPassword')}
                   value={repeatPassword}
+                  autocomplete="new-password"
                 />
                 <FormField
                   placeholder="Email"