diff --git a/src/components/inputs/Input/index.js b/src/components/inputs/Input/index.js index 1daa10e4..8f8cec22 100644 --- a/src/components/inputs/Input/index.js +++ b/src/components/inputs/Input/index.js @@ -155,12 +155,8 @@ class Input extends PureComponent { render() { return ( - - {this.props.topLabel && ( - {this.props.topLabel} - )} + + {this.props.topLabel && {this.props.topLabel}} {this.props.state && ( @@ -172,12 +168,9 @@ class Input extends PureComponent { {this.props.icon} 0} innerRef={this.props.innerRef} hasAddon={!!this.props.sideAddons} - type={this.props.type} color={this.getColor(this.props.state)} placeholder={this.props.placeholder} autocomplete={this.props.autocomplete} @@ -185,13 +178,13 @@ class Input extends PureComponent { autocapitalize={this.props.autocapitalize} spellCheck={this.props.spellCheck} value={this.props.value} - readOnly={this.props.readOnly} onChange={this.props.onChange} onClick={this.props.autoSelect ? event => event.target.select() : null} borderColor={this.getColor(this.props.state)} disabled={this.props.isDisabled} name={this.props.name} data-lpignore="true" + {...this.props} /> {this.props.trezorAction} @@ -200,9 +193,7 @@ class Input extends PureComponent { {this.props.sideAddons && this.props.sideAddons.map(sideAddon => sideAddon)} {this.props.bottomText && ( - + {this.props.bottomText} )} @@ -238,6 +229,7 @@ Input.propTypes = { Input.defaultProps = { type: 'text', + autocomplete: false, autoSelect: false, };