diff options
Diffstat (limited to 'stepped-solutions/FINISHED/frontend/components/RequestReset.js')
| -rw-r--r-- | stepped-solutions/FINISHED/frontend/components/RequestReset.js | 60 |
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 }; |
