1 files changed, 33 insertions, 27 deletions

diff --git a/frontend/src/hooks/UseMessage.tsx b/frontend/src/hooks/UseMessage.tsx
index 97ec746..b639fac 100644
--- a/frontend/src/hooks/UseMessage.tsx
+++ b/frontend/src/hooks/UseMessage.tsx
@@ -1,37 +1,43 @@
-import React, { useState } from 'react';
+import React, { useState } from "react";
 import MessageDialog from "@components/MessageDialog";
 
 const useMessage = () => {
-    const [isOpen, setIsOpen] = useState(false);
+  const [isOpen, setIsOpen] = useState(false);
 
-    const [title, setTitle] = useState<string>("");
-    const [subtitle, setSubtitle] = useState<string>("");
-    const [resolvePromise, setResolvePromise] = useState<(() => void) | null>(null);
+  const [title, setTitle] = useState<string>("");
+  const [subtitle, setSubtitle] = useState<string>("");
+  const [resolvePromise, setResolvePromise] = useState<(() => void) | null>(
+    null
+  );
 
-    const message = (title: string, subtitle: string) => {
-        setIsOpen(true);
-        setTitle(title);
-        setSubtitle(subtitle);
-                return new Promise((resolve) => {
-                        setResolvePromise(() => resolve);
-                });
-    };
+  const message = (title: string, subtitle: string) => {
+    setIsOpen(true);
+    setTitle(title);
+    setSubtitle(subtitle);
+    return new Promise(resolve => {
+      setResolvePromise(() => resolve);
+    });
+  };
 
-    const handleClose = () => {
-        setIsOpen(false);
-        if (resolvePromise) {
-            resolvePromise();
-            setResolvePromise(null);
-        }
-    };
+  const handleClose = () => {
+    setIsOpen(false);
+    if (resolvePromise) {
+      resolvePromise();
+      setResolvePromise(null);
+    }
+  };
 
-    const MessageDialogComponent = isOpen && (
-                <div className="dialog-container">
-        <MessageDialog title={title} subtitle={subtitle} onClose={handleClose}></MessageDialog>
-                </div>
-    );
+  const MessageDialogComponent = isOpen && (
+    <div className="dialog-container">
+      <MessageDialog
+        title={title}
+        subtitle={subtitle}
+        onClose={handleClose}
+      ></MessageDialog>
+    </div>
+  );
 
-    return { message, MessageDialogComponent };
-}
+  return { message, MessageDialogComponent };
+};
 
 export default useMessage;