1
0
mirror of https://github.com/whippyshou/mastodon synced 2024-12-17 16:18:29 +09:00
whippy-edition/app/javascript/mastodon/store/middlewares/loading_bar.ts

46 lines
1.2 KiB
TypeScript
Raw Normal View History

2017-01-16 21:27:58 +09:00
import { showLoading, hideLoading } from 'react-redux-loading-bar';
import type { AnyAction, Middleware } from 'redux';
import type { RootState } from '..';
2017-01-16 21:27:58 +09:00
interface Config {
promiseTypeSuffixes?: string[];
}
const defaultTypeSuffixes: Config['promiseTypeSuffixes'] = [
'PENDING',
'FULFILLED',
'REJECTED',
];
2017-01-16 21:27:58 +09:00
export const loadingBarMiddleware = (
2023-07-13 18:26:45 +09:00
config: Config = {},
): Middleware<Record<string, never>, RootState> => {
const promiseTypeSuffixes = config.promiseTypeSuffixes ?? defaultTypeSuffixes;
2017-01-16 21:27:58 +09:00
return ({ dispatch }) =>
(next) =>
(action: AnyAction) => {
if (action.type && !action.skipLoading) {
const [PENDING, FULFILLED, REJECTED] = promiseTypeSuffixes;
2017-01-16 21:27:58 +09:00
const isPending = new RegExp(`${PENDING}$`, 'g');
const isFulfilled = new RegExp(`${FULFILLED}$`, 'g');
const isRejected = new RegExp(`${REJECTED}$`, 'g');
2017-01-16 21:27:58 +09:00
if (typeof action.type === 'string') {
if (action.type.match(isPending)) {
dispatch(showLoading());
} else if (
action.type.match(isFulfilled) ??
action.type.match(isRejected)
) {
dispatch(hideLoading());
}
}
2017-01-16 21:27:58 +09:00
}
return next(action);
};
};