1 files changed, 26 insertions, 22 deletions

diff --git a/frontend/src/components/MessageDialog.tsx b/frontend/src/components/MessageDialog.tsx
index 5c85189..fcf4d8d 100644
--- a/frontend/src/components/MessageDialog.tsx
+++ b/frontend/src/components/MessageDialog.tsx
@@ -1,29 +1,33 @@
-import React from 'react';
+import React from "react";
 
-import "@css/Dialog.css"
+import "@css/Dialog.css";
 
 interface MessageDialogProps {
-    title: string;
-    subtitle: string;
-    onClose: () => void;
-};
+  title: string;
+  subtitle: string;
+  onClose: () => void;
+}
 
-const MessageDialog: React.FC<MessageDialogProps> = ({ title, subtitle, onClose }) => {
-    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={onClose}>Close</button>
-                </div>
-            </div>
+const MessageDialog: React.FC<MessageDialogProps> = ({
+  title,
+  subtitle,
+  onClose,
+}) => {
+  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={onClose}>Close</button>
+        </div>
+      </div>
+    </div>
+  );
+};
 
 export default MessageDialog;