multyple-fetching.js

import { fetchStatus } from 'symbiote-fetching'

export const createMultipleFetching = (baseFetchingsState) => ({

  start: (state, fetchingId) => ({

    ...state,

    [baseFetchingsState]: {

      ...state[baseFetchingsState],

      [fetchingId]: {

        status: fetchStatus.loading,

        error: null,

      },

    },

  }),

  finish: (state, fetchingId) => ({

    ...state,

    [baseFetchingsState]: {

      ...state[baseFetchingsState],

      [fetchingId]: {

        status: fetchStatus.ready,

        error: null,

      },

    },

  }),

  fail: (state, error, fetchingId) => ({

    ...state,

    ...state[baseFetchingsState],

    [fetchingId]: {

      status: fetchStatus.failed,

      error,

    },

  }),

})

export const handleMultipleFnFetching = (actions, fetchingId, runFn) => (

  async (dispatch, getState, extra) => {

    try {

      dispatch(actions.start(fetchingId))

      const result = await runFn(dispatch, getState, extra)

      dispatch(actions.finish(fetchingId))

      return result

    }

    catch (error) {

      dispatch(actions.fail(fetchingId, error))

      return undefined

    }

  }

)