Notificaciones personalizadas basadas en react-hot-toast

Motivación

Ejemplo de uso del hook

Notificaciones automáticas.

import { Footer, NavBar } from 'components';
import { NotifyToast } from 'toast-munisma';

export const BasicLayout = ({ children }: { children: JSX.Element }) => {
  return (
    <>
      <NavBar />

      <NotifyToast />  <------ Componente del Toaster

      {children}
      <Footer />
    </>
  );
};

import { useSysGetData } from 'usesysgetdata';
import { AuthorityResponse } from '../interfaces';

export const Authorities = () => {
  const { isLoading, dataIsReady, result, stateRequest } =
    useSysGetData <
    AuthorityResponse >
    {
      fn: 'institucional_Listar_Autoridades',
      auto: true,
    };
  useMessageToast({
    stateRequest,
    loadingMessage: 'Buscando datos...',
    loadingShow: true,
    infoShow: true,
    errorShow: true,
  });

  if (isLoading) return <p>Loading...</p>;

  if (!dataIsReady) return <p>No existen datos para mostrar.</p>;

  return <pre>{JSON.stringify(result)}</pre>;
};

Desarroladores

• Esteban Menendez
• Martín Nicolás Paneblanco