Function useImperativeModal

frontend/src/components/modal/ImperativeModal.tsx:51–187

()

 * ```
 */
export function useImperativeModal() {
  const context = React.use(ModalContext);

  if (context === undefined) {
    throw new Error("useModal must be used within a ModalProvider");
  }

  const closeModal = () => {
    context.setModal(null);
  };

  return {
    openModal: (content: React.ReactNode) => {
      context.setModal(
        <Dialog
          open={true}
          onOpenChange={(open) => {
            if (!open) {
              closeModal();
            }
          }}
        >
          {content}
        </Dialog>,
      );
    },
    openAlert: (content: React.ReactNode) => {
      context.setModal(
        <AlertDialog
          open={true}
          onOpenChange={(open) => {
            if (!open) {
              closeModal();
            }
          }}
        >
          <AlertDialogContent>
            {content}
            <AlertDialogFooter>
              <AlertDialogAction autoFocus={true} onClick={closeModal}>
                Ok
              </AlertDialogAction>
            </AlertDialogFooter>
          </AlertDialogContent>
        </AlertDialog>,
      );
    },
    openPrompt: (opts: {
      title: React.ReactNode;
      description?: React.ReactNode;
      defaultValue?: string;
      spellCheck?: boolean;
      confirmText?: string;
      onConfirm: (value: string) => void;
    }) => {
      context.setModal(
        <AlertDialog
          open={true}