From 197b0aa2e0ade8c71f2aca69d06a3177bae1db6c Mon Sep 17 00:00:00 2001
From: Darrem Ivey <darren.ivey@aerian.com>
Date: Wed, 19 Sep 2018 20:23:07 +0100
Subject: [PATCH] Update uncontrolled example

---
 week17/uncontrolledForm/App.js     | 10 ++++------
 week17/uncontrolledForm/styles.css |  1 +
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/week17/uncontrolledForm/App.js b/week17/uncontrolledForm/App.js
index f8e5a57..531679f 100644
--- a/week17/uncontrolledForm/App.js
+++ b/week17/uncontrolledForm/App.js
@@ -7,8 +7,6 @@ export class App extends Component {
     constructor (props) {
         super(props);
         this.fields = {};
-
-        this.handleSubmit = this.handleSubmit.bind(this);
     }
 
     gatherData () {
@@ -24,13 +22,13 @@ export class App extends Component {
         return (
             <div className="field">
                 <label className="field__label" htmlFor={ filedId }>{ filedText }</label>
-                <input 
+                <input
                     id ={ filedId } 
                     required 
                     type="text"
                     maxLength="50"
                     className="field__input field__input--text"
-                    ref={ (e) => this.fields.postcode = e } />
+                    ref={ (e) => this.fields[filedId] = e } />
             </div>
         )
     }
@@ -39,7 +37,7 @@ export class App extends Component {
         return (
             <footer className="footer">
                 <span className="footer__error">Passwords do not match</span>
-                <button className="footer__button" disabled type="submit">Submit</button>
+                <button className="footer__button" type="submit">Submit</button>
             </footer>
         )
     }
@@ -47,7 +45,7 @@ export class App extends Component {
     render() {
         return (
             <div className="conatiner">
-                <form id="form" className="form" onSubmit={this.handleSubmit}>
+                <form className="form" onSubmit={ (e)=> { this.handleSubmit(e) }}>
                     <h1 className="form__header">Would you like to know more?</h1>
                     <fieldset className="form_fieldset">
                         { this.renderField("Username", "username") }
diff --git a/week17/uncontrolledForm/styles.css b/week17/uncontrolledForm/styles.css
index 1a52da5..88b6012 100644
--- a/week17/uncontrolledForm/styles.css
+++ b/week17/uncontrolledForm/styles.css
@@ -7,6 +7,7 @@
     box-sizing: border-box;
     margin: 32px;
     font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
+    text-align: left;
 }
 
 .form__header {