aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/hooks/UseMessageLoad.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/hooks/UseMessageLoad.tsx')
-rw-r--r--frontend/src/hooks/UseMessageLoad.tsx48
1 files changed, 24 insertions, 24 deletions
diff --git a/frontend/src/hooks/UseMessageLoad.tsx b/frontend/src/hooks/UseMessageLoad.tsx
index 228c2b4..eb42a45 100644
--- a/frontend/src/hooks/UseMessageLoad.tsx
+++ b/frontend/src/hooks/UseMessageLoad.tsx
@@ -1,35 +1,35 @@
1import React, { useState } from 'react'; 1import React, { useState } from "react";
2import MessageDialogLoad from "@components/MessageDialogLoad"; 2import MessageDialogLoad from "@components/MessageDialogLoad";
3 3
4const useMessageLoad = () => { 4const useMessageLoad = () => {
5 const [isOpen, setIsOpen] = useState(false); 5 const [isOpen, setIsOpen] = useState(false);
6 6
7 const [title, setTitle] = useState<string>(""); 7 const [title, setTitle] = useState<string>("");
8 const [resolvePromise, setResolvePromise] = useState<(() => void) | null>(null); 8 const [resolvePromise, setResolvePromise] = useState<(() => void) | null>(null);
9 9
10 const messageLoad = (title: string) => { 10 const messageLoad = (title: string) => {
11 setIsOpen(true); 11 setIsOpen(true);
12 setTitle(title); 12 setTitle(title);
13 return new Promise((resolve) => { 13 return new Promise((resolve) => {
14 setResolvePromise(() => resolve); 14 setResolvePromise(() => resolve);
15 }); 15 });
16 }; 16 };
17 17
18 const messageLoadClose = () => { 18 const messageLoadClose = () => {
19 setIsOpen(false); 19 setIsOpen(false);
20 if (resolvePromise) { 20 if (resolvePromise) {
21 resolvePromise(); 21 resolvePromise();
22 setResolvePromise(null); 22 setResolvePromise(null);
23 } 23 }
24 }; 24 };
25 25
26 const MessageDialogLoadComponent = isOpen && ( 26 const MessageDialogLoadComponent = isOpen && (
27 <div className="dialog-container"> 27 <div className="dialog-container">
28 <MessageDialogLoad title={title} onClose={messageLoadClose}></MessageDialogLoad> 28 <MessageDialogLoad title={title} onClose={messageLoadClose}></MessageDialogLoad>
29 </div> 29 </div>
30 ); 30 );
31 31
32 return { messageLoad, messageLoadClose, MessageDialogLoadComponent }; 32 return { messageLoad, messageLoadClose, MessageDialogLoadComponent };
33} 33}
34 34
35export default useMessageLoad; 35export default useMessageLoad;