import gql from 'graphql-tag' import { Query, Mutation } from 'react-apollo' import { ProjectSelector } from './ProjectForm' const CREATE_PROJECT_VERSION = gql` mutation CREATE_PROJECT_VERSION($name: String!, $date: String!, $project: ID!, $changes: [String]!) { createProjectVersion(name: $name, date: $date, project: $project, changes: $changes) { id } } ` class ProjectVersionForm extends React.Component { state = { id: this.props.project ? this.props.project.id : null, name: '', date: '', change: '', changes: [], project: null } toState = event => { this.setState({ [event.target.name]: event.target.value }) } addComment = event => { event.preventDefault() const newState = { ...this.state } newState.changes.push(this.state.change) newState.change = '' this.setState(newState) } render() { return ( {(createProjectVersion, { data, error, loading }) => (
{ event.preventDefault() const { data } = await createProjectVersion() this.state.id = data.createProjectVersion.id }}> {!this.props.title &&

Project Version

}
{this.state.changes.map((change, index) =>

{change}

)} {this.props.project || }
)}
) } } export default ProjectVersionForm