From 8127a1a105f973d49286573727e16e16634ecdae Mon Sep 17 00:00:00 2001
From: Vladimir Volek <vladimir.volek@satoshilabs.com>
Date: Thu, 22 Nov 2018 16:16:05 +0100
Subject: [PATCH] Turn off autocomplete

---
 src/components/inputs/Input/index.js | 17 +++++------------
 1 file changed, 5 insertions(+), 12 deletions(-)

diff --git a/src/components/inputs/Input/index.js b/src/components/inputs/Input/index.js
index cf296bf2..0a1bd3c0 100644
--- a/src/components/inputs/Input/index.js
+++ b/src/components/inputs/Input/index.js
@@ -154,12 +154,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 && (
@@ -171,11 +167,9 @@ class Input extends PureComponent {
                         <Overlay isPartiallyHidden={this.props.isPartiallyHidden} />
                         {this.props.icon}
                         <StyledInput
-                            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}
@@ -183,13 +177,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}
@@ -198,9 +192,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>
                 )}
@@ -235,6 +227,7 @@ Input.propTypes = {
 
 Input.defaultProps = {
     type: 'text',
+    autocomplete: false,
     autoSelect: false,
 };