Add visibility toggle of password input. Closes #2

This commit is contained in:
Maksim Eltyshev
2019-11-15 03:45:59 +05:00
parent a11f6260c0
commit 00c7f514ae
25 changed files with 111 additions and 92 deletions

View File

@@ -8,11 +8,10 @@ import isEmail from 'validator/lib/isEmail';
import {
Form, Grid, Header, Message,
} from 'semantic-ui-react';
import { useDidUpdate, usePrevious, useToggle } from '../../lib/hooks';
import { Input } from '../../lib/custom-ui';
import {
useDidUpdate, useForm, usePrevious, useToggle,
} from '../../hooks';
import { useForm } from '../../hooks';
import styles from './Login.module.css';
@@ -156,10 +155,9 @@ const Login = React.memo(
</div>
<div className={styles.inputWrapper}>
<div className={styles.inputLabel}>{t('common.password')}</div>
<Input
<Input.Password
fluid
ref={passwordField}
type="password"
name="password"
value={data.password}
readOnly={isSubmitting}