This commit is contained in:
Daniel Ternyak 2017-06-20 01:14:23 -05:00
parent 3644cb5515
commit ff81133b5e
1 changed files with 38 additions and 34 deletions

View File

@ -1,40 +1,44 @@
import React, {Component} from 'react';
import React, { Component } from 'react';
import PropTypes from 'prop-types';
export default class GenerateWalletPasswordInputComponent extends Component {
constructor(props) {
super(props)
}
constructor(props) {
super(props);
}
static propTypes = {
generateWalletShowPassword: PropTypes.func,
showPassword: PropTypes.bool,
input: PropTypes.object,
meta: PropTypes.object
};
render() {
return (
<div>
<div>
<div className="input-group" style={{width: '100%'}}>
<input {...this.props.input}
name="password"
className={this.props.meta.error ? 'form-control is-invalid' : 'form-control'}
type={this.props.showPassword ? 'text' : 'password'}
placeholder="Do NOT forget to save this!"
aria-label="Enter a strong password (at least 9 characters)"/>
<span
onClick={() => this.props.generateWalletShowPassword()}
aria-label="make password visible"
role="button"
className="input-group-addon eye"/>
</div>
</div>
</div>
)
}
static propTypes = {
generateWalletShowPassword: PropTypes.func,
showPassword: PropTypes.bool,
input: PropTypes.object,
meta: PropTypes.object
};
render() {
return (
<div>
<div>
<div className="input-group" style={{ width: '100%' }}>
<input
{...this.props.input}
name="password"
className={
this.props.meta.error
? 'form-control is-invalid'
: 'form-control'
}
type={this.props.showPassword ? 'text' : 'password'}
placeholder="Do NOT forget to save this!"
aria-label="Enter a strong password (at least 9 characters)"
/>
<span
onClick={() => this.props.generateWalletShowPassword()}
aria-label="make password visible"
role="button"
className="input-group-addon eye"
/>
</div>
</div>
</div>
);
}
}