actions.js

// api.js
export function makePayment(loanId, amount, paymentMethodId) {
  return fetch(`/api/loans/${loanId}/payments`, {
    headers: new Headers({
      'Content-Type': 'application/json',
    }),
    credentials: 'same-origin',
    method: 'POST',
    body: JSON.stringify({
      'amount': amount,
      'paymentMethodId': paymentMethodId,
    })
  })
}
// actions.js
import * as api from './api'
export function makePayment(loanId, amount, paymentMethodId) {
  return dispatch => {
    dispatch(makePaymentSent())
    api.makePayment(loanId, amount, paymentMethodId)
    .then(response => {
      dispatch(closeModal())
      if (response.status !== 200) {
        dispatch(makePaymentFailed(response.statusText))
      } else {
        return response.json()
        .then(result => {
          dispatch(makePaymentSuccess(result.data))
        })
      }
    })
  }
}