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
|
import { useC, I18nText, ThemeColor } from "../common";
import Dialog from "./Dialog";
import DialogContainer from "./DialogContainer";
export default function ConfirmDialog({
open,
onClose,
onConfirm,
title,
body,
color,
}: {
open: boolean;
onClose: () => void;
onConfirm: () => void;
title: I18nText;
body: I18nText;
color?: ThemeColor;
bodyColor?: ThemeColor;
}) {
const c = useC();
return (
<Dialog open={open} onClose={onClose} color={color ?? "danger"}>
<DialogContainer
title={title}
titleColor={color ?? "danger"}
buttonsV2={[
{
key: "cancel",
type: "normal",
action: "minor",
text: "operationDialog.cancel",
onClick: onClose,
},
{
key: "confirm",
type: "normal",
action: "major",
text: "operationDialog.confirm",
color: "danger",
onClick: () => {
onConfirm();
onClose();
},
},
]}
>
<div>{c(body)}</div>
</DialogContainer>
</Dialog>
);
}
|
