node-red-contrib-chatbot/src/hooks/modal-can-close.js

REDBot a Chat bot for a full featured chat bot for Telegram, Facebook Messenger and Slack. Almost no coding skills required

import { useState, useCallback } from 'react';
import confirm from '../components/confirm';

export default ({ onCancel }) => {
  const [isChanged, setIsChanged] = useState(false);

  const handleCancel = useCallback(async () => {
    if (!isChanged || await confirm('Close and lose all the changes?', { okLabel: 'Yes, close' })) {
      onCancel();
    };
  }, [onCancel, isChanged]);

  return {
    handleCancel,
    isChanged,
    setIsChanged
  };
};