import React, {Component} from 'react';
import {History} from 'react-router';
import reactMixin from 'react-mixin';
import autobind from 'autobind-decorator';

@autobind
class Login extends React.Component {
	goToStore(event) {
		event.preventDefault();
		// get the data from the input
		this.history.pushState(null, '/feed');
		// transition from <StorPicker/> to <App/>
	}
  render() {
    return (
			<form className="store-selector" onSubmit={this.goToStore}>
				<h2>Please Enter A Store</h2>				
				<input type="submit" />
			</form>
    );
  }
}

reactMixin.onClass(Login, History);

export default Login;
@@ -397,17 +397,16 @@
 urn (%0A%09%09
-%09
 %3Cform cl
@@ -418,90 +418,133 @@
 me=%22
-store-selector%22 onSubmit=%7Bthis.goToStore%7D
+login%22%3E%0A%09%09%09%3Ch2%3ELogin%3C/h2%3E%09%09%09%09%0A%09%09%09%3Cinput type=%22text%22 placeholder=%22Email%22/
 %3E%0A
-%09
 %09%09%09%3C
-h2%3EPlease Enter A Store%3C/h2%3E%09%09%09%09%0A%09
+input type=%22password%22 placeholder=%22Password%22/%3E%0A
 %09%09%09%3C
@@ -566,17 +566,16 @@
 mit%22 /%3E%0A
-%09
 %09%09%3C/form

build Login comp futher - testing