1
0
mirror of https://github.com/trezor/trezor-wallet synced 2024-11-15 21:08:57 +00:00
This commit is contained in:
Vladimir Volek 2018-11-22 16:19:18 +01:00
commit 0652f5a4b3

View File

@ -155,12 +155,8 @@ class Input extends PureComponent {
render() {
return (
<Wrapper
className={this.props.className}
>
{this.props.topLabel && (
<TopLabel>{this.props.topLabel}</TopLabel>
)}
<Wrapper className={this.props.className}>
{this.props.topLabel && <TopLabel>{this.props.topLabel}</TopLabel>}
<InputWrapper>
<InputIconWrapper>
{this.props.state && (
@ -172,12 +168,9 @@ class Input extends PureComponent {
<Overlay isPartiallyHidden={this.props.isPartiallyHidden} />
{this.props.icon}
<StyledInput
isSmallText={this.props.isSmallText}
trezorAction={this.props.trezorAction}
hasIcon={this.getIcon(this.props.state).length > 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}
/>
<TrezorAction action={this.props.trezorAction}>
<ArrowUp />{this.props.trezorAction}
@ -200,9 +193,7 @@ class Input extends PureComponent {
{this.props.sideAddons && this.props.sideAddons.map(sideAddon => sideAddon)}
</InputWrapper>
{this.props.bottomText && (
<BottomText
color={this.getColor(this.props.state)}
>
<BottomText color={this.getColor(this.props.state)}>
{this.props.bottomText}
</BottomText>
)}
@ -238,6 +229,7 @@ Input.propTypes = {
Input.defaultProps = {
type: 'text',
autocomplete: false,
autoSelect: false,
};