refactor: loader dialog, uploadrundialog update, touchups

1 files changed, 35 insertions, 0 deletions

diff --git a/frontend/src/hooks/UseMessageLoad.tsx b/frontend/src/hooks/UseMessageLoad.tsx
new file mode 100644
index 0000000..defd2b3
--- /dev/null
+++ b/frontend/src/hooks/UseMessageLoad.tsx
@@ -0,0 +1,35 @@
+import React, { useState } from 'react';
+import MessageDialogLoad from "../components/MessageDialogLoad";
+
+const useMessageLoad = () => {
+    const [isOpen, setIsOpen] = useState(false);
+
+    const [title, setTitle] = useState<string>("");
+    const [resolvePromise, setResolvePromise] = useState<(() => void) | null>(null);
+
+        const messageLoad = (title: string) => {
+        setIsOpen(true);
+        setTitle(title);
+                return new Promise((resolve) => {
+                        setResolvePromise(() => resolve);
+                });
+    };
+
+    const messageLoadClose = () => {
+        setIsOpen(false);
+        if (resolvePromise) {
+            resolvePromise();
+            setResolvePromise(null);
+        }
+    };
+
+    const MessageDialogLoadComponent = isOpen && (
+                <div className="dialog-container">
+        <MessageDialogLoad title={title} onClose={messageLoadClose}></MessageDialogLoad>
+                </div>
+    );
+
+    return { messageLoad, messageLoadClose, MessageDialogLoadComponent };
+}
+
+export default useMessageLoad;