From b1600adec47a04f60e1da07d94a3ed3906ff5aee Mon Sep 17 00:00:00 2001
From: Wes Bos <wesbos@gmail.com>
Date: Thu, 14 Jun 2018 16:44:21 -0400
Subject: starter files

---
 .../frontend/components/ResetRequest.js            | 55 ++++++++++++++++++++++
 1 file changed, 55 insertions(+)
 create mode 100644 finished-application/frontend/components/ResetRequest.js

(limited to 'finished-application/frontend/components/ResetRequest.js')

diff --git a/finished-application/frontend/components/ResetRequest.js b/finished-application/frontend/components/ResetRequest.js
new file mode 100644
index 0000000..6aedcc1
--- /dev/null
+++ b/finished-application/frontend/components/ResetRequest.js
@@ -0,0 +1,55 @@
+import React from 'react';
+import { Mutation } from 'react-apollo';
+import gql from 'graphql-tag';
+import Form from './styles/Form';
+import Error from './ErrorMessage';
+
+const REQUEST_RESET_MUTATION = gql`
+  mutation requestReset($email: String!) {
+    requestReset(email: $email) {
+      id
+    }
+  }
+`;
+
+class ResetRequest extends React.Component {
+  state = {
+    email: '',
+  };
+
+  render() {
+    return (
+      <Mutation mutation={REQUEST_RESET_MUTATION} variables={this.state}>
+        {(resetMutation, { loading, error, called }) => (
+          <Form
+            onSubmit={async e => {
+              e.preventDefault();
+              await resetMutation();
+            }}
+            data-test="ResetRequest"
+          >
+            <Error error={error} />
+            {!error && called && !loading && <p>Success! Check Your Email!</p>}
+            <fieldset disabled={loading} aria-busy={loading}>
+              <label htmlFor="email">
+                Email
+                <input
+                  value={this.state.email}
+                  onChange={e => this.setState({ email: e.target.value })}
+                  name="email"
+                  type="text"
+                  placeholder="email"
+                />
+              </label>
+
+              <button type="submit">Request Reset!</button>
+            </fieldset>
+          </Form>
+        )}
+      </Mutation>
+    );
+  }
+}
+
+export default ResetRequest;
+export { REQUEST_RESET_MUTATION };
-- 
cgit v1.3