action.js

import { goBack, push } from 'react-router-redux';
import { loadProducts } from '../ProductsContainerPage/actions';
import { submitData } from './api';
import {
  CREATE_PRODUCT,
  CREATE_PRODUCT_SUCCEEDED,
  CREATE_PRODUCT_FAILED,    
} from './constants';

export const handleCancel = () => dispatch => dispatch(goBack());

const creationStarted = () => ({
  type: CREATE_PRODUCT,
});

const creationSucceeded = () => dispatch => {
    dispatch({ type: CREATE_PRODUCT_SUCCEEDED });
    dispatch(push('/products'));
    dispatch(loadProducts());
  };

const creationFailed = (errorMessage) => ({
  type: CREATE_PRODUCT_FAILED,
  errorMessage
});

export const createProduct = (data) => 
  (dispatch) => {
    dispatch(creationStarted());
    submitData(
      data,
      () => dispatch(creationSucceeded()),
      (msg) => dispatch(creationFailed(msg)),
    );
  }