mastodon/app/javascript/flavours/glitch/store/middlewares/loading_bar.ts

32 lines
1.0 KiB
TypeScript
Raw Normal View History

2017-01-16 12:27:58 +00:00
import { showLoading, hideLoading } from 'react-redux-loading-bar';
import { Middleware } from 'redux';
import { RootState } from '..';
2017-01-16 12:27:58 +00:00
interface Config {
promiseTypeSuffixes?: string[]
}
const defaultTypeSuffixes: Config['promiseTypeSuffixes'] = ['PENDING', 'FULFILLED', 'REJECTED'];
2017-01-16 12:27:58 +00:00
export const loadingBarMiddleware = (config: Config = {}): Middleware<Record<string, never>, RootState> => {
2017-01-16 12:27:58 +00:00
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);
};
};