Proyectos de Subversion LeadersLinked - SPA

import React, { createContext, useCallback, useState } from 'react';

export const AlertModalContext = createContext({
  show: false,
  message: '',
  onConfirm: () => {},
  onCancel: () => {},
  showAlert: () => {},
  closeAlert: () => {}
});

export function AlertModalProvider({ children }) {
  const [show, setShow] = useState(false);
  const [message, setMessage] = useState('');
  const [onConfirm, setOnConfirm] = useState(() => {});
  const [onCancel, setOnCancel] = useState(() => {});

  const showAlert = useCallback(({ message = '', onConfirm = () => {}, onCancel = () => {} }) => {
    setMessage(message);
    setOnConfirm(() => {
      onConfirm();
    });
    setOnCancel(() => {
      onCancel();
    });
    setShow(true);
  }, []);

  const closeAlert = useCallback(() => {
    setMessage('');
    setShow(false);
  }, []);

  return (
    <AlertModalContext.Provider
      value={{
        show,
        message,
        showAlert,
        closeAlert,
        onConfirm,
        onCancel: onCancel || closeAlert
      }}
    >
      {children}
    </AlertModalContext.Provider>
  );
}