app_dispatch_and_actions.js

// Container component map dispactch action to the presentational component props

const mapDispatchToProps = dispatch => {
  return {
    fetchMoreBranches: (identityId, nextPage) => dispatch(fetchMoreBranches(identityId, nextPage))
  };
};

const AppContainer = connect(mapStateToProps, mapDispatchToProps)(App);

// actions
export const FETCH_MORE_BRANCHES = 'FETCH_MORE_BRANCHES';
export const SUCCESS_FETCH_BRANCHES = 'SUCCESS_FETCH_BRANCHES';

export function fetchMoreBranches(identityId, nextPage) {
  return {
    type: FETCH_MORE_BRANCHES,
    identityId,
    nextPage
  };
}

export function successFetchBranches(branches, nextPage) {
  return {
    type: SUCCESS_FETCH_BRANCHES,
    branches,
    nextPage
  };
}