-
Notifications
You must be signed in to change notification settings - Fork 2
/
deleteFigureDialog.tsx
46 lines (42 loc) · 1.96 KB
/
deleteFigureDialog.tsx
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
import * as React from "react";
import { CircularGenomeBuilderView } from '../circularGenomeBuilderView';
import { Dialog } from '../../../components/dialog';
import { DialogTitle } from '../../../components/dialogTitle';
import { CircularFigure } from '../../../circularFigure/circularFigure';
import { DialogActions } from '../../../components/dialogActions';
import { Button } from '../../../components/button';
import { enQueueOperation } from '../../../enQueueOperation';
export function DeleteFigureDialog(this : CircularGenomeBuilderView, props: { figure: CircularFigure | undefined }): JSX.Element
{
return (
<Dialog
open={this.state.deleteFigureDialogOpen}
onClose={()=>{this.setState({deleteFigureDialogOpen:false});}}
>
<DialogTitle>{"Delete Figure?"}</DialogTitle>
<DialogActions>
<Button
onClick={()=>{this.setState({deleteFigureDialogOpen:false});}}
type="retreat"
label="Cancel"
/>
<Button
onClick={()=>{
this.setState({
deleteFigureDialogOpen:false
});
if(props.figure)
{
enQueueOperation({
opName: "deleteCircularFigure",
data : props.figure
});
}
}}
type="advance"
label="Delete"
/>
</DialogActions>
</Dialog>
);
}