Quiero mostrar una modal mientras se carga toda la información. Estoy utilizando sweetalert2
const submitBuscarFecha = async () => {
// setRecord([]);
let timerInterval
Swal.fire({
title: 'Cargando!',
html: 'Espere mientras se cargan los datos... <b></b>',
timer: 2000,
timerProgressBar: true,
didOpen: () => {
Swal.showLoading()
const b = Swal.getHtmlContainer().querySelector('b')
timerInterval = setInterval(() => {
b.textContent = Swal.getTimerLeft()
}, 100)
},
willClose: () => {
clearInterval(timerInterval)
}
}).then((result) => {
/* Read more about handling dismissals below */
if (result.dismiss === Swal.DismissReason.timer) {
console.log('I was closed by the timer')
}
})
await axios.get(`http://localhost:5000/data/searchByDate/${fechaIni}/${fechaFin}`)
.then(response => {
setRecord(response.data);
});
}
Actualmente me cierra con 1 segundo. Pero si se demora menos, o se demora más dependiendo del internet del usuario final... Gracias de antemano...