Docker/planka
Docker/planka
1
0
Fork 0
mirror of https://github.com/plankanban/planka.git synced 2025-08-03 20:45:27 +02:00
Code Issues Releases Activity

Add visibility toggle of password input. Closes #2

Browse source
This commit is contained in:
Maksim Eltyshev 2019-11-15 03:45:59 +05:00
parent 7a3805e64c
commit 390d96cc19
25 changed files with 111 additions and 92 deletions
Download patch file Download diff file Expand all files Collapse all files

8
client/src/components/UserPopup/EditEmailStep.jsx
View file

@ -5,11 +5,10 @@ import React, {
import PropTypes from 'prop-types';
import { useTranslation } from 'react-i18next';
import { Button, Form, Message } from 'semantic-ui-react';
import { useDidUpdate, usePrevious, useToggle } from '../../lib/hooks';
import { Input, Popup } from '../../lib/custom-ui';
import {
useDidUpdate, useForm, usePrevious, useToggle,
} from '../../hooks';
import { useForm } from '../../hooks';
import styles from './EditNameStep.module.css';
@ -145,10 +144,9 @@ const EditEmailStep = React.memo(
{data.email.trim() !== email && (
<>
<div className={styles.text}>{t('common.currentPassword')}</div>
<Input
<Input.Password
fluid
ref={currentPasswordField}
type="password"
name="currentPassword"
value={data.currentPassword}
className={styles.field}

10
client/src/components/UserPopup/EditPasswordStep.jsx
View file

@ -4,11 +4,10 @@ import React, {
import PropTypes from 'prop-types';
import { useTranslation } from 'react-i18next';
import { Button, Form, Message } from 'semantic-ui-react';
import { useDidUpdate, usePrevious, useToggle } from '../../lib/hooks';
import { Input, Popup } from '../../lib/custom-ui';
import {
useDidUpdate, useForm, usePrevious, useToggle,
} from '../../hooks';
import { useForm } from '../../hooks';
import styles from './EditNameStep.module.css';
@ -107,7 +106,7 @@ const EditPasswordStep = React.memo(
)}
<Form onSubmit={handleSubmit}>
<div className={styles.text}>{t('common.newPassword')}</div>
<Input
<Input.Password
fluid
ref={passwordField}
name="password"
@ -116,10 +115,9 @@ const EditPasswordStep = React.memo(
onChange={handleFieldChange}
/>
<div className={styles.text}>{t('common.currentPassword')}</div>
<Input
<Input.Password
fluid
ref={currentPasswordField}
type="password"
name="currentPassword"
value={data.currentPassword}
className={styles.field}