From 46a0ba30ef54a7e36206481a4f5b2bf1f9702fca Mon Sep 17 00:00:00 2001
From: Wes Bos <wesbos@gmail.com>
Date: Mon, 12 Mar 2018 14:06:25 -0400
Subject: wip

---
 frontend/components/RequestReset.js | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

(limited to 'frontend/components/RequestReset.js')

diff --git a/frontend/components/RequestReset.js b/frontend/components/RequestReset.js
index de16751..974924f 100644
--- a/frontend/components/RequestReset.js
+++ b/frontend/components/RequestReset.js
@@ -1,6 +1,7 @@
 import React, { Component } from 'react';
 import { graphql, compose } from 'react-apollo';
 import { REQUEST_RESET_MUTATION } from '../queries';
+import Form from './styles/Form';
 
 class ResetRequest extends Component {
   state = {
@@ -45,20 +46,16 @@ class ResetRequest extends Component {
 
   render() {
     return (
-      <div>
-        {this.state.loading ? 'LOADING...' : 'Ready!'}
-
+      <Form onSubmit={this.requestReset}>
+        {this.state.loading ? 'LOADING...' : null}
         {this.state.errors ? this.state.errors.map(err => <p>{err.message}</p>) : null}
-        <h2>Request a Reset</h2>
-        <form onSubmit={this.requestReset}>
-          <label htmlFor="email">
-            Email
+        <label htmlFor="email">
+          Email
             <input value={this.state.email} onChange={this.saveToState} name="email" type="text" placeholder="email" />
-          </label>
+        </label>
 
-          <button type="submit">Request Reset!</button>
-        </form>
-      </div>
+        <button type="submit">Request Reset!</button>
+      </Form>
     );
   }
 }
-- 
cgit v1.3