mirror of
https://github.com/trezor/trezor-wallet
synced 2024-12-26 17:08:07 +00:00
parent
8127a1a105
commit
7c7d0daa76
@ -154,8 +154,12 @@ class Input extends PureComponent {
|
|||||||
|
|
||||||
render() {
|
render() {
|
||||||
return (
|
return (
|
||||||
<Wrapper className={this.props.className}>
|
<Wrapper
|
||||||
{this.props.topLabel && <TopLabel>{this.props.topLabel}</TopLabel>}
|
className={this.props.className}
|
||||||
|
>
|
||||||
|
{this.props.topLabel && (
|
||||||
|
<TopLabel>{this.props.topLabel}</TopLabel>
|
||||||
|
)}
|
||||||
<InputWrapper>
|
<InputWrapper>
|
||||||
<InputIconWrapper>
|
<InputIconWrapper>
|
||||||
{this.props.state && (
|
{this.props.state && (
|
||||||
@ -167,9 +171,11 @@ class Input extends PureComponent {
|
|||||||
<Overlay isPartiallyHidden={this.props.isPartiallyHidden} />
|
<Overlay isPartiallyHidden={this.props.isPartiallyHidden} />
|
||||||
{this.props.icon}
|
{this.props.icon}
|
||||||
<StyledInput
|
<StyledInput
|
||||||
|
trezorAction={this.props.trezorAction}
|
||||||
hasIcon={this.getIcon(this.props.state).length > 0}
|
hasIcon={this.getIcon(this.props.state).length > 0}
|
||||||
innerRef={this.props.innerRef}
|
innerRef={this.props.innerRef}
|
||||||
hasAddon={!!this.props.sideAddons}
|
hasAddon={!!this.props.sideAddons}
|
||||||
|
type={this.props.type}
|
||||||
color={this.getColor(this.props.state)}
|
color={this.getColor(this.props.state)}
|
||||||
placeholder={this.props.placeholder}
|
placeholder={this.props.placeholder}
|
||||||
autocomplete={this.props.autocomplete}
|
autocomplete={this.props.autocomplete}
|
||||||
@ -177,13 +183,13 @@ class Input extends PureComponent {
|
|||||||
autocapitalize={this.props.autocapitalize}
|
autocapitalize={this.props.autocapitalize}
|
||||||
spellCheck={this.props.spellCheck}
|
spellCheck={this.props.spellCheck}
|
||||||
value={this.props.value}
|
value={this.props.value}
|
||||||
|
readOnly={this.props.readOnly}
|
||||||
onChange={this.props.onChange}
|
onChange={this.props.onChange}
|
||||||
onClick={this.props.autoSelect ? event => event.target.select() : null}
|
onClick={this.props.autoSelect ? event => event.target.select() : null}
|
||||||
borderColor={this.getColor(this.props.state)}
|
borderColor={this.getColor(this.props.state)}
|
||||||
disabled={this.props.isDisabled}
|
disabled={this.props.isDisabled}
|
||||||
name={this.props.name}
|
name={this.props.name}
|
||||||
data-lpignore="true"
|
data-lpignore="true"
|
||||||
{...this.props}
|
|
||||||
/>
|
/>
|
||||||
<TrezorAction action={this.props.trezorAction}>
|
<TrezorAction action={this.props.trezorAction}>
|
||||||
<ArrowUp />{this.props.trezorAction}
|
<ArrowUp />{this.props.trezorAction}
|
||||||
@ -192,7 +198,9 @@ class Input extends PureComponent {
|
|||||||
{this.props.sideAddons && this.props.sideAddons.map(sideAddon => sideAddon)}
|
{this.props.sideAddons && this.props.sideAddons.map(sideAddon => sideAddon)}
|
||||||
</InputWrapper>
|
</InputWrapper>
|
||||||
{this.props.bottomText && (
|
{this.props.bottomText && (
|
||||||
<BottomText color={this.getColor(this.props.state)}>
|
<BottomText
|
||||||
|
color={this.getColor(this.props.state)}
|
||||||
|
>
|
||||||
{this.props.bottomText}
|
{this.props.bottomText}
|
||||||
</BottomText>
|
</BottomText>
|
||||||
)}
|
)}
|
||||||
@ -227,7 +235,6 @@ Input.propTypes = {
|
|||||||
|
|
||||||
Input.defaultProps = {
|
Input.defaultProps = {
|
||||||
type: 'text',
|
type: 'text',
|
||||||
autocomplete: false,
|
|
||||||
autoSelect: false,
|
autoSelect: false,
|
||||||
};
|
};
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user