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
|
import { useC, Text, ThemeColor } from "@/views/common/common";
import Dialog from "./Dialog";
import DialogContainer from "./DialogContainer";
export default function ConfirmDialog({
open,
onClose,
onConfirm,
title,
body,
color,
bodyColor,
}: {
open: boolean;
onClose: () => void;
onConfirm: () => void;
title: Text;
body: Text;
color?: ThemeColor;
bodyColor?: ThemeColor;
}) {
const c = useC();
return (
<Dialog onClose={onClose} open={open}>
<DialogContainer
title={title}
titleColor={color ?? "danger"}
buttons={[
{
key: "cancel",
type: "normal",
props: {
text: "operationDialog.cancel",
color: "secondary",
outline: true,
onClick: onClose,
},
},
{
key: "confirm",
type: "normal",
props: {
text: "operationDialog.confirm",
color: "danger",
onClick: () => {
onConfirm();
onClose();
},
},
},
]}
>
<div className={`cru-${bodyColor ?? "primary"}`}>{c(body)}</div>
</DialogContainer>
</Dialog>
);
}
|
