frontend/src/hooks/UseMessageLoad.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
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;