File size: 1,887 Bytes
763be49 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 |
import React, { useState, useCallback } from 'react';
export interface ConfirmModalInfo {
isOpen: boolean;
title: string;
message: string | React.ReactNode;
onConfirmAction: () => void;
isDestructive?: boolean;
confirmText?: string;
cancelText?: string;
}
const initialConfirmModalState: ConfirmModalInfo = {
isOpen: false,
title: '',
message: '',
onConfirmAction: () => {},
isDestructive: false,
confirmText: 'Confirm',
cancelText: 'Cancel',
};
export interface ConfirmModalHook {
confirmModalInfo: ConfirmModalInfo;
requestConfirmation: (
title: string,
message: string | React.ReactNode,
onConfirm: () => void,
options?: {
isDestructive?: boolean;
confirmText?: string;
cancelText?: string;
}
) => void;
closeConfirmModal: () => void;
}
export const useConfirmModal = (): ConfirmModalHook => {
const [confirmModalInfo, setConfirmModalInfo] = useState<ConfirmModalInfo>(initialConfirmModalState);
const requestConfirmation = useCallback(
(
title: string,
message: string | React.ReactNode,
onConfirm: () => void,
options: {
isDestructive?: boolean;
confirmText?: string;
cancelText?: string;
} = {}
) => {
setConfirmModalInfo({
isOpen: true,
title,
message,
onConfirmAction: () => {
onConfirm();
setConfirmModalInfo(prev => ({ ...prev, isOpen: false })); // Close modal after action
},
isDestructive: options.isDestructive ?? false,
confirmText: options.confirmText ?? 'Confirm',
cancelText: options.cancelText ?? 'Cancel',
});
},
[]
);
const closeConfirmModal = useCallback(() => {
setConfirmModalInfo(prev => ({ ...prev, isOpen: false }));
}, []);
return { confirmModalInfo, requestConfirmation, closeConfirmModal };
};
|