1 files changed, 15 insertions, 18 deletions
diff --git a/finished-application/frontend/components/Signin.js b/finished-application/frontend/components/Signin.js
index 53cdb76..4fd3013 100644
--- a/finished-application/frontend/components/Signin.js
+++ b/finished-application/frontend/components/Signin.js
@@ -1,9 +1,9 @@
 import React, { Component } from 'react';
 import { Mutation } from 'react-apollo';
 import gql from 'graphql-tag';
-import { CURRENT_USER_QUERY } from './User';
-import Error from './ErrorMessage';
 import Form from './styles/Form';
+import Error from './ErrorMessage';
+import { CURRENT_USER_QUERY } from './User';
 
 const SIGNIN_MUTATION = gql`
   mutation SIGNIN_MUTATION($email: String!, $password: String!) {
@@ -17,15 +17,13 @@ const SIGNIN_MUTATION = gql`
 
 class Signin extends Component {
   state = {
-    email: '',
+    name: '',
     password: '',
+    email: '',
   };
-
   saveToState = e => {
-    const { name, value } = e.target;
-    this.setState({ [name]: value });
+    this.setState({ [e.target.name]: e.target.value });
   };
-
   render() {
     return (
       <Mutation
@@ -33,33 +31,33 @@ class Signin extends Component {
         variables={this.state}
         refetchQueries={[{ query: CURRENT_USER_QUERY }]}
       >
-        {(signin, { loading, error }) => (
+        {(signup, { error, loading }) => (
           <Form
-            onSubmit={e => {
+            method="post"
+            onSubmit={async e => {
               e.preventDefault();
-              signin();
+              await signup();
+              this.setState({ name: '', email: '', password: '' });
             }}
           >
-            <Error error={error} />
             <fieldset disabled={loading} aria-busy={loading}>
+              <h2>Sign into your account</h2>
+              <Error error={error} />
               <label htmlFor="email">
                 Email
                 <input
-                  value={this.state.email}
-                  onChange={this.saveToState}
+                  type="email"
                   name="email"
-                  type="text"
                   placeholder="email"
+                  value={this.state.email}
+                  onChange={this.saveToState}
                 />
               </label>
-
               <label htmlFor="password">
                 Password
                 <input
                   type="password"
                   name="password"
-                  id="password"
-                  className="password"
                   placeholder="password"
                   value={this.state.password}
                   onChange={this.saveToState}
@@ -76,4 +74,3 @@ class Signin extends Component {
 }
 
 export default Signin;
-export { SIGNIN_MUTATION };