summaryrefslogtreecommitdiffstats
path: root/finished-application/frontend/components/Reset.js
diff options
context:
space:
mode:
authorWes Bos <wesbos@gmail.com>2018-09-13 14:18:56 -0400
committerWes Bos <wesbos@gmail.com>2018-09-13 14:18:56 -0400
commit8a5825d52271d712ec7c8348447d433067e13ef2 (patch)
treeba07c218c1b2d4e59c154f2059b69fd858ae65fe /finished-application/frontend/components/Reset.js
parentb0d25a9ad3cc1df2fcc11ddb84e4603b94520b09 (diff)
DONE
Diffstat (limited to 'finished-application/frontend/components/Reset.js')
-rw-r--r--finished-application/frontend/components/Reset.js85
1 files changed, 0 insertions, 85 deletions
diff --git a/finished-application/frontend/components/Reset.js b/finished-application/frontend/components/Reset.js
deleted file mode 100644
index bb2ece0..0000000
--- a/finished-application/frontend/components/Reset.js
+++ /dev/null
@@ -1,85 +0,0 @@
-import React from 'react';
-import { Mutation } from 'react-apollo';
-import PropTypes from 'prop-types';
-import gql from 'graphql-tag';
-import Form from './styles/Form';
-import Error from './ErrorMessage';
-import { CURRENT_USER_QUERY } from './User';
-
-const RESET_MUTATION = gql`
- mutation RESET_MUTATION($resetToken: String!, $password: String!, $confirmPassword: String!) {
- resetPassword(resetToken: $resetToken, password: $password, confirmPassword: $confirmPassword) {
- id
- email
- name
- }
- }
-`;
-
-class Reset extends React.Component {
- static propTypes = {
- resetToken: PropTypes.string.isRequired,
- };
-
- state = {
- confirmPassword: '',
- password: '',
- };
-
- saveToState = e => {
- const { name, value } = e.target;
- this.setState({ [name]: value });
- };
-
- resetPassword = async (e, resetMutation) => {
- e.preventDefault();
- await resetMutation();
- };
-
- render() {
- return (
- <Mutation
- mutation={RESET_MUTATION}
- variables={{
- resetToken: this.props.resetToken,
- password: this.state.password,
- confirmPassword: this.state.confirmPassword,
- }}
- refetchQueries={[{ query: CURRENT_USER_QUERY }]}
- >
- {(resetMutation, { error, loading }) => (
- <Form onSubmit={e => this.resetPassword(e, resetMutation)}>
- <Error error={error} />
- <fieldset disabled={loading} aria-busy={loading}>
- <label htmlFor="password">
- password
- <input
- value={this.state.password}
- onChange={this.saveToState}
- name="password"
- type="password"
- id="password"
- />
- </label>
- <label htmlFor="confirm">
- Confirm:
- <input
- value={this.state.confirmPassword}
- onChange={this.saveToState}
- name="confirmPassword"
- type="password"
- id="confirmPassword"
- />
- </label>
-
- <button type="submit">Request Reset!</button>
- </fieldset>
- </Form>
- )}
- </Mutation>
- );
- }
-}
-
-export default Reset;
-export { RESET_MUTATION };