summaryrefslogtreecommitdiffstats
path: root/stepped-solutions/FINISHED/frontend/components/RequestReset.js
diff options
context:
space:
mode:
Diffstat (limited to 'stepped-solutions/FINISHED/frontend/components/RequestReset.js')
-rw-r--r--stepped-solutions/FINISHED/frontend/components/RequestReset.js60
1 files changed, 0 insertions, 60 deletions
diff --git a/stepped-solutions/FINISHED/frontend/components/RequestReset.js b/stepped-solutions/FINISHED/frontend/components/RequestReset.js
deleted file mode 100644
index be21639..0000000
--- a/stepped-solutions/FINISHED/frontend/components/RequestReset.js
+++ /dev/null
@@ -1,60 +0,0 @@
-import React, { Component } 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 REQUEST_RESET_MUTATION($email: String!) {
- requestReset(email: $email) {
- message
- }
- }
-`;
-
-class RequestReset extends Component {
- state = {
- email: '',
- };
- saveToState = e => {
- this.setState({ [e.target.name]: e.target.value });
- };
- render() {
- return (
- <Mutation mutation={REQUEST_RESET_MUTATION} variables={this.state}>
- {(reset, { error, loading, called }) => (
- <Form
- method="post"
- data-test="form"
- onSubmit={async e => {
- e.preventDefault();
- await reset();
- this.setState({ email: '' });
- }}
- >
- <fieldset disabled={loading} aria-busy={loading}>
- <h2>Request a password reset</h2>
- <Error error={error} />
- {!error && !loading && called && <p>Success! Check your email for a reset link!</p>}
- <label htmlFor="email">
- Email
- <input
- type="email"
- name="email"
- placeholder="email"
- value={this.state.email}
- onChange={this.saveToState}
- />
- </label>
-
- <button type="submit">Request Reset!</button>
- </fieldset>
- </Form>
- )}
- </Mutation>
- );
- }
-}
-
-export default RequestReset;
-export { REQUEST_RESET_MUTATION };