gab-social/app/javascript/gabsocial/middleware/loading_bar.js

26 lines
843 B
JavaScript

import { showLoading, hideLoading } from 'react-redux-loading-bar'
const defaultTypeSuffixes = ['PENDING', 'FULFILLED', 'REJECTED']
export default function loadingBarMiddleware(config = {}) {
const promiseTypeSuffixes = config.promiseTypeSuffixes || defaultTypeSuffixes
return ({ dispatch }) => next => (action) => {
if (action.type && !action.skipLoading) {
const [PENDING, FULFILLED, REJECTED] = promiseTypeSuffixes
const isPending = new RegExp(`${PENDING}$`, 'g')
const isFulfilled = new RegExp(`${FULFILLED}$`, 'g')
const isRejected = new RegExp(`${REJECTED}$`, 'g')
if (action.type.match(isPending)) {
dispatch(showLoading())
} else if (action.type.match(isFulfilled) || action.type.match(isRejected)) {
dispatch(hideLoading())
}
}
return next(action)
}
}