From 8a5825d52271d712ec7c8348447d433067e13ef2 Mon Sep 17 00:00:00 2001 From: Wes Bos Date: Thu, 13 Sep 2018 14:18:56 -0400 Subject: DONE --- .../frontend/components/EditUser.js | 81 ---------------------- 1 file changed, 81 deletions(-) delete mode 100644 finished-application/frontend/components/EditUser.js (limited to 'finished-application/frontend/components/EditUser.js') diff --git a/finished-application/frontend/components/EditUser.js b/finished-application/frontend/components/EditUser.js deleted file mode 100644 index 1bb8e5b..0000000 --- a/finished-application/frontend/components/EditUser.js +++ /dev/null @@ -1,81 +0,0 @@ -import React from 'react'; -import { Query, Mutation } from 'react-apollo'; -import gql from 'graphql-tag'; -import Form from './styles/Form'; -import { CURRENT_USER_QUERY } from './User'; -import Error from './ErrorMessage'; -import User from './User'; - -const UPDATE_USER_MUTATION = gql` - mutation updateUser($name: String!) { - updateUser(name: $name) { - name - } - } -`; - -class EditUser extends React.Component { - state = { - changes: {}, - }; - - handleChange = e => { - const { name, value } = e.target; - const changes = { - ...this.state.changes, - [name]: value, - }; - this.setState({ changes }); - }; - - handleSubmit = async (e, updateUser) => { - e.preventDefault(); - // only submit if there are real changes - if (Object.keys(this.state.changes).length === 0) return; - await updateUser(); - this.setState({ changes: {} }); - }; - - render() { - return ( - - {({ data: { me }, loading }) => { - if (loading) return

Loading...

; - return ( - - {(updateUser, { error, called }) => ( -
this.handleSubmit(e, updateUser)}> - -
- {called && !error &&

Updated!

} - - - me: -
{JSON.stringify(me.name)}
- Change: -
{JSON.stringify(this.state.changes)}
-
- - )} -
- ); - }} -
- ); - } -} - -export default EditUser; -export { UPDATE_USER_MUTATION }; -- cgit v1.3