arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2025-01-11 16:41:06 +00:00
Code Issues Releases Wiki Activity

Add disable state for Input

Browse Source
This commit is contained in:
Vasek Mlejnsky 2018-09-03 10:49:38 +02:00
parent 38d42cd1c5
commit d3881620b8
1 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/inputs/Input/index.js
View File

@ -48,6 +48,7 @@ const StyledInput = styled.input`
background-color: ${colors.WHITE};
transition: ${TRANSITION.HOVER};
&:disabled {
pointer-events: none;
background: ${colors.GRAY_LIGHT};
color: ${colors.TEXT_SECONDARY};
}
@ -117,6 +118,7 @@ class Input extends Component {
value={this.props.value}
onChange={this.props.onChange}
borderColor={this.getColor(this.props.state)}
disabled={this.props.isDisabled}
/>
</InputIconWrapper>
{this.props.sideAddons && this.props.sideAddons.map(sideAddon => sideAddon)}
@ -147,6 +149,7 @@ Input.propTypes = {
bottomText: PropTypes.string,
inputLabel: PropTypes.string,
sideAddons: PropTypes.arrayOf(PropTypes.node),
isDisabled: PropTypes.bool,
};
Input.defaultProps = {