From 3ddcd1f825226f38a0688e779ca52deecc579247 Mon Sep 17 00:00:00 2001
From: Jonathan Rainville <rainville.jonathan@gmail.com>
Date: Tue, 6 Nov 2018 14:58:57 -0500
Subject: [PATCH] fix(cockpit): disable autocomplete in Login component

---
 embark-ui/src/components/Login.js | 35 +++++++++++++++++--------------
 1 file changed, 19 insertions(+), 16 deletions(-)

diff --git a/embark-ui/src/components/Login.js b/embark-ui/src/components/Login.js
index ed4005381..27244d541 100644
--- a/embark-ui/src/components/Login.js
+++ b/embark-ui/src/components/Login.js
@@ -4,12 +4,12 @@ import logo from '../images/logo-new.svg';
 import './Login.css';
 
 class Login extends React.Component {
-  constructor(props){
+  constructor(props) {
     super(props);
     this.state = props.credentials;
   }
 
-  handleChange(event){
+  handleChange(event) {
     this.setState({[event.target.name]: event.target.value});
   }
 
@@ -28,27 +28,30 @@ class Login extends React.Component {
               <p className="text-danger">{this.props.error}</p>
             }
             <div className="mt-4">
-              <form  onSubmit={(e) => this.handleSubmit(e)}>
+              <form onSubmit={(e) => this.handleSubmit(e)}>
                 <div className="form-group">
                   <label htmlFor="host">Host</label>
                   <input type="text"
-                        className="form-control form-control-lg"
-                        id="host"
-                        name="host"
-                        placeholder="Enter Embark host"
-                        onChange={(e) => this.handleChange(e)}
-                        value={this.state.host}/>
+                         className="form-control form-control-lg"
+                         id="host"
+                         name="host"
+                         placeholder="Enter Embark host"
+                         onChange={(e) => this.handleChange(e)}
+                         value={this.state.host}/>
                 </div>
                 <div className="form-group">
                   <label htmlFor="token">Token</label>
                   <input type="text"
-                        className="form-control form-control-lg"
-                        id="token"
-                        name="token"
-                        placeholder="Enter token"
-                        onChange={(e) => this.handleChange(e)}
-                        value={this.state.token}/>
-                  <small className="form-text text-muted">Execute <code>embark run</code> in the command line to get your token.</small>
+                         className="form-control form-control-lg"
+                         id="token"
+                         name="token"
+                         placeholder="Enter token"
+                         onChange={(e) => this.handleChange(e)}
+                         autoComplete="off"
+                         value={this.state.token}/>
+                  <small className="form-text text-muted">Execute <code>embark run</code> in the command line to get
+                    your token.
+                  </small>
                 </div>
                 <button type="submit" className="btn btn-pill btn-dark">Enter Cockpit</button>
               </form>