summaryrefslogtreecommitdiffstats
path: root/finished-application/frontend/components/Signup.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/Signup.js
parentb0d25a9ad3cc1df2fcc11ddb84e4603b94520b09 (diff)
DONE
Diffstat (limited to 'finished-application/frontend/components/Signup.js')
-rw-r--r--finished-application/frontend/components/Signup.js93
1 files changed, 0 insertions, 93 deletions
diff --git a/finished-application/frontend/components/Signup.js b/finished-application/frontend/components/Signup.js
deleted file mode 100644
index 9164e67..0000000
--- a/finished-application/frontend/components/Signup.js
+++ /dev/null
@@ -1,93 +0,0 @@
-import React, { Component } from 'react';
-import { Mutation } from 'react-apollo';
-import gql from 'graphql-tag';
-import { CURRENT_USER_QUERY } from './User';
-import Form from './styles/Form';
-import Error from './ErrorMessage';
-
-const SIGNUP_MUTATION = gql`
- mutation SIGNUP_MUTATION($email: String!, $name: String!, $password: String!) {
- signup(email: $email, name: $name, password: $password) {
- id
- email
- name
- }
- }
-`;
-
-class Signup extends Component {
- state = {
- email: '',
- name: '',
- password: '',
- };
-
- saveToState = e => {
- const { name, value } = e.target;
- this.setState({ [name]: value });
- };
-
- render() {
- return (
- <Mutation
- mutation={SIGNUP_MUTATION}
- variables={this.state}
- refetchQueries={[{ query: CURRENT_USER_QUERY }]}
- >
- {(signup, { loading, error }) => (
- <Form
- method="post"
- onSubmit={async e => {
- e.preventDefault();
- const res = await signup();
- }}
- >
- <fieldset disabled={loading} aria-busy={loading}>
- <Error error={error} />
- <h2>Sign Up for an Account</h2>
- <label htmlFor="email">
- Email
- <input
- value={this.state.email}
- onChange={this.saveToState}
- name="email"
- type="text"
- placeholder="email"
- />
- </label>
-
- <label htmlFor="name">
- Name
- <input
- type="text"
- name="name"
- placeholder="name"
- value={this.state.name}
- onChange={this.saveToState}
- />
- </label>
-
- <label htmlFor="signupPassword">
- Password
- <input
- type="password"
- name="password"
- id="signupPassword"
- className="password"
- placeholder="password"
- value={this.state.password}
- onChange={this.saveToState}
- />
- </label>
-
- <button type="submit">Submit</button>
- </fieldset>
- </Form>
- )}
- </Mutation>
- );
- }
-}
-
-export default Signup;
-export { SIGNUP_MUTATION };