61 lines
1.6 KiB
TypeScript
61 lines
1.6 KiB
TypeScript
import { t } from "../i18n";
|
|
import { Dialog, DialogProps } from "./Dialog";
|
|
|
|
import "./ConfirmDialog.scss";
|
|
import DialogActionButton from "./DialogActionButton";
|
|
import { useSetAtom } from "jotai";
|
|
import { isLibraryMenuOpenAtom } from "./LibraryMenuHeaderContent";
|
|
import { useExcalidrawSetAppState } from "./App";
|
|
import { jotaiScope } from "../jotai";
|
|
|
|
interface Props extends Omit<DialogProps, "onCloseRequest"> {
|
|
onConfirm: () => void;
|
|
onCancel: () => void;
|
|
confirmText?: string;
|
|
cancelText?: string;
|
|
}
|
|
const ConfirmDialog = (props: Props) => {
|
|
const {
|
|
onConfirm,
|
|
onCancel,
|
|
children,
|
|
confirmText = t("buttons.confirm"),
|
|
cancelText = t("buttons.cancel"),
|
|
className = "",
|
|
...rest
|
|
} = props;
|
|
const setAppState = useExcalidrawSetAppState();
|
|
const setIsLibraryMenuOpen = useSetAtom(isLibraryMenuOpenAtom, jotaiScope);
|
|
|
|
return (
|
|
<Dialog
|
|
onCloseRequest={onCancel}
|
|
small={true}
|
|
{...rest}
|
|
className={`confirm-dialog ${className}`}
|
|
>
|
|
{children}
|
|
<div className="confirm-dialog-buttons">
|
|
<DialogActionButton
|
|
label={cancelText}
|
|
onClick={() => {
|
|
setAppState({ openMenu: null });
|
|
setIsLibraryMenuOpen(false);
|
|
onCancel();
|
|
}}
|
|
/>
|
|
<DialogActionButton
|
|
label={confirmText}
|
|
onClick={() => {
|
|
setAppState({ openMenu: null });
|
|
setIsLibraryMenuOpen(false);
|
|
onConfirm();
|
|
}}
|
|
actionType="danger"
|
|
/>
|
|
</div>
|
|
</Dialog>
|
|
);
|
|
};
|
|
export default ConfirmDialog;
|