formatted with prettier

1 files changed, 27 insertions, 22 deletions

diff --git a/frontend/src/components/ConfirmDialog.tsx b/frontend/src/components/ConfirmDialog.tsx
index 44a653b..925118d 100644
--- a/frontend/src/components/ConfirmDialog.tsx
+++ b/frontend/src/components/ConfirmDialog.tsx
@@ -1,31 +1,36 @@
 import React from 'react';
 
-import "@css/Dialog.css"
+import '@css/Dialog.css';
 
 interface ConfirmDialogProps {
-    title: string;
-    subtitle: string;
-    onConfirm: () => void;
-    onCancel: () => void;
-};
+  title: string;
+  subtitle: string;
+  onConfirm: () => void;
+  onCancel: () => void;
+}
 
-const ConfirmDialog: React.FC<ConfirmDialogProps> = ({ title, subtitle, onConfirm, onCancel }) => {
-    return (
-        <div className='dimmer'>
-            <div className='dialog'>
-                <div className='dialog-element dialog-header'>
-                    <span>{title}</span>
-                </div>
-                <div className='dialog-element dialog-description'>
-                    <span>{subtitle}</span>
-                </div>
-                <div className='dialog-element dialog-btns-container'>
-                    <button onClick={onCancel}>Cancel</button>
-                    <button onClick={onConfirm}>Confirm</button>
-                </div>
-            </div>
+const ConfirmDialog: React.FC<ConfirmDialogProps> = ({
+  title,
+  subtitle,
+  onConfirm,
+  onCancel,
+}) => {
+  return (
+    <div className="dimmer">
+      <div className="dialog">
+        <div className="dialog-element dialog-header">
+          <span>{title}</span>
+        </div>
+        <div className="dialog-element dialog-description">
+          <span>{subtitle}</span>
+        </div>
+        <div className="dialog-element dialog-btns-container">
+          <button onClick={onCancel}>Cancel</button>
+          <button onClick={onConfirm}>Confirm</button>
         </div>
-    )
+      </div>
+    </div>
+  );
 };
 
 export default ConfirmDialog;