29 lines
1020 B
TypeScript
29 lines
1020 B
TypeScript
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
import { useCallback, useMemo } from 'preact/compat';
|
|
import { useDispatch } from 'react-redux';
|
|
import { BoundActionCreator, BoundActionCreators } from 'utils/actionBinder';
|
|
|
|
/** binds actions to dispatch */
|
|
export const useActions = <Actions extends { [key: string]: Function }>(
|
|
actions: Actions
|
|
): BoundActionCreators<Actions> => {
|
|
const dispatch = useDispatch();
|
|
|
|
return useMemo(
|
|
() =>
|
|
Object.entries(actions).reduce<BoundActionCreator<Actions>>((result, [key, fn]) => {
|
|
(result as any)[key] = (...args: any[]) => dispatch(fn(...args));
|
|
return result;
|
|
}, {} as any),
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
[dispatch, ...Object.values(actions)]
|
|
) as any;
|
|
};
|
|
|
|
export const useAction = <Action extends Function>(action: Action): BoundActionCreator<Action> => {
|
|
const dispatch = useDispatch();
|
|
|
|
// @ts-ignore
|
|
return useCallback((...args) => dispatch(action(...args)), [dispatch, action]);
|
|
};
|