aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/components/ConfirmDialog.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/components/ConfirmDialog.tsx')
-rw-r--r--frontend/src/components/ConfirmDialog.tsx32
1 files changed, 16 insertions, 16 deletions
diff --git a/frontend/src/components/ConfirmDialog.tsx b/frontend/src/components/ConfirmDialog.tsx
index 44a653b..d8784d2 100644
--- a/frontend/src/components/ConfirmDialog.tsx
+++ b/frontend/src/components/ConfirmDialog.tsx
@@ -1,4 +1,4 @@
1import React from 'react'; 1import React from "react";
2 2
3import "@css/Dialog.css" 3import "@css/Dialog.css"
4 4
@@ -10,22 +10,22 @@ interface ConfirmDialogProps {
10}; 10};
11 11
12const ConfirmDialog: React.FC<ConfirmDialogProps> = ({ title, subtitle, onConfirm, onCancel }) => { 12const ConfirmDialog: React.FC<ConfirmDialogProps> = ({ title, subtitle, onConfirm, onCancel }) => {
13 return ( 13 return (
14 <div className='dimmer'> 14 <div className='dimmer'>
15 <div className='dialog'> 15 <div className='dialog'>
16 <div className='dialog-element dialog-header'> 16 <div className='dialog-element dialog-header'>
17 <span>{title}</span> 17 <span>{title}</span>
18 </div>
19 <div className='dialog-element dialog-description'>
20 <span>{subtitle}</span>
21 </div>
22 <div className='dialog-element dialog-btns-container'>
23 <button onClick={onCancel}>Cancel</button>
24 <button onClick={onConfirm}>Confirm</button>
25 </div>
26 </div>
27 </div> 18 </div>
28 ) 19 <div className='dialog-element dialog-description'>
20 <span>{subtitle}</span>
21 </div>
22 <div className='dialog-element dialog-btns-container'>
23 <button onClick={onCancel}>Cancel</button>
24 <button onClick={onConfirm}>Confirm</button>
25 </div>
26 </div>
27 </div>
28 )
29}; 29};
30 30
31export default ConfirmDialog; 31export default ConfirmDialog;