Integration with Redux Form about react-refetch HOT 5 CLOSED

<Form onSubmit={handleSubmit(data => {
  postProject(data);
  return postProjectResponse ? postProjectResponse.then(resetForm) : Promise.resolve();
})}>

class ProjectForm extends Component {
  componentWillReceiveProps(nextProps) {
    // TODO: call this.props.resetForm() on success (postProjectResponse.fulfilled)
  }
  render() {
    const {
      fields: { name },
      handleSubmit,
      postProject,
      postProjectResponse: {
        pending,
        reason
      } = {}
    } = this.props;
    return (
      <Panel title="Add Project">
        <PanelBody>
          <Form onSubmit={handleSubmit(postProject)}>
            {reason && <Alert type="danger">{reason}</Alert>}
            <FormGroup error={name.touched && name.error}>
              <Label>Name</Label>
              <Input {...name} disabled={pending} />
            </FormGroup>
            <Button type="primary" submit disabled={pending}>
              {pending ? <Spinner /> : 'Save'}
            </Button>
          </Form>
        </PanelBody>
      </Panel>
    );
  }
}

export default reduxForm(
  {
    form: 'project',
    fields: ['name'],
    validate: ({ name }) => {
      return {
        name: isEmpty(name) && 'Required'
      };
    }
  }
)(connect(() => ({
  postProject: data => ({
    postProjectResponse: {
      url: 'http://httpbin.org/post',
      method: 'POST',
      body: JSON.stringify(data)
    }
  })
}))(ProjectForm));