apollo-2.jsx

class TaskIsNotDone extends React.Component {
  submitButtonHandler = makeTaskDoneMutation => {
    return () => {
      makeTaskDoneMutation({ variables: { taskId: this.props.taskId } })
    }
  }

  onConpleted = data => {
    this.props.taskIsDoneHandler()
  }

  render() {
    return (
      <Task>      
        <Mutation
          mutation={MakeTaskDone}
          onCompleted={this.onConpleted}
        >
          {makeTaskDoneMutation => (
            <Button onClick={this.submitButtonHandler(makeTaskDoneMutation)}>
              Make the Task Done
            </Button>
          )}
        </Mutation>
      </Task>
    )
  }
}