frontend/src/hooks/UseConfirm.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
36
37
38
39
40

import React, { useState } from 'react';
import ConfirmDialog from '../components/ConfirmDialog';

const useConfirm = () => {
    const [isOpen, setIsOpen] = useState(false);
	const [title, setTitle] = useState<string>("");
	const [subtitle, setSubtitle] = useState<string>("");
    const [resolvePromise, setResolvePromise] = useState<((value: boolean) => void) | null>(null);

    const confirm = ( titleN: string, subtitleN: string ) => {
        setIsOpen(true);
		setTitle(titleN);
		setSubtitle(subtitleN);
        return new Promise<boolean>((resolve) => {
            setResolvePromise(() => resolve);
        });
    };

    const handleConfirm = () => {
        setIsOpen(false);
        if (resolvePromise) {
            resolvePromise(true);
        }
    }

    const handleCancel = () => {
        setIsOpen(false);
        if (resolvePromise) {
            resolvePromise(false);
        }
    }

    const ConfirmDialogComponent = isOpen && (
        <ConfirmDialog title={title} subtitle={subtitle} onConfirm={handleConfirm} onCancel={handleCancel}></ConfirmDialog>
    );

    return { confirm, ConfirmDialogComponent };
}

export default useConfirm;