50 lines
1.1 KiB
TypeScript
50 lines
1.1 KiB
TypeScript
import { AppDispatch } from 'soapbox/store';
|
|
|
|
import type { MediaAttachment } from 'pl-api';
|
|
import type { ModalType } from 'soapbox/features/ui/components/modal-root';
|
|
|
|
const MODAL_OPEN = 'MODAL_OPEN';
|
|
const MODAL_CLOSE = 'MODAL_CLOSE';
|
|
|
|
type OpenModalProps =
|
|
| [type: 'MEDIA', props: {
|
|
media: Array<MediaAttachment>;
|
|
statusId?: string;
|
|
index: number;
|
|
time?: number;
|
|
}]
|
|
| [type: Exclude<ModalType, 'MEDIA'>, props: any]
|
|
| [type: Exclude<ModalType, 'MEDIA'>];
|
|
|
|
/** Open a modal of the given type */
|
|
const openModal = (...[type, props]: OpenModalProps) => {
|
|
// const [type, props] = args;
|
|
return (dispatch: AppDispatch) => {
|
|
dispatch(closeModal(type));
|
|
dispatch(openModalSuccess(type, props));
|
|
};
|
|
};
|
|
|
|
const openModalSuccess = (type: ModalType, props?: any) => ({
|
|
type: MODAL_OPEN,
|
|
modalType: type,
|
|
modalProps: props,
|
|
});
|
|
|
|
/** Close the modal */
|
|
const closeModal = (type?: ModalType) => ({
|
|
type: MODAL_CLOSE,
|
|
modalType: type,
|
|
});
|
|
|
|
type ModalsAction =
|
|
ReturnType<typeof openModalSuccess>
|
|
| ReturnType<typeof closeModal>;
|
|
|
|
export {
|
|
MODAL_OPEN,
|
|
MODAL_CLOSE,
|
|
openModal,
|
|
closeModal,
|
|
type ModalsAction,
|
|
};
|