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