Índice

Objetivo

El propósito de esta guía es explicar cómo usar la librería sweet alerts para hacer preguntas al usuario o mostrar errores en el frontend.

Antes de Leer esta guía, es necesario que:

Se comprenda el manual de arquitectura y los diferentes entornos del sistema CAEQ.

• Conocimiento básico de React:

  https://youtu.be/xNAtd_3VzdI En esta capacitación los temas que se abordan son:

  • Conexión al back desde el front
  • Use Effect

Sweet Alerts

1. FireError

La función FireError se utiliza para mostrar una alerta de error con un mensaje personalizado.

Parámetros:

• message (string): El mensaje de error que se mostrará en la alerta.

Ejemplo de Uso:

import { FireError } from './utils/alertHandler';

// ...

try {
    // ... Código que puede generar un error
    throw new Error('Ha ocurrido un error inesperado');
} catch (error) {
    FireError(error.message);
}

2. FireSuccess

La función FireSuccess se utiliza para mostrar una alerta de éxito con un mensaje personalizado.

Parámetros:

• message (string): El mensaje de éxito que se mostrará en la alerta.

Ejemplo de Uso:

import { FireSuccess } from './utils/alertHandler';

// ...

try {
    // ... Código que realiza una operación exitosa
    FireSuccess('La operación se ha completado con éxito');
} catch (error) {
    // Manejo de errores
}