diff --git a/frontend/src/pages/Report/index.js b/frontend/src/pages/Report/index.js
index 7a05945..1c776a7 100644
--- a/frontend/src/pages/Report/index.js
+++ b/frontend/src/pages/Report/index.js
@@ -22,6 +22,7 @@ import fileDownload from 'js-file-download'
import openSocket from "socket.io-client";
+import { TramOutlined } from "@material-ui/icons";
const report = [{ 'value': '1', 'label': 'Atendimento por atendentes' }, { 'value': '2', 'label': 'Usuários online/offline' }]
@@ -249,6 +250,7 @@ const Report = () => {
const [onQueueStatus, setOnQueueProcessStatus] = useState(undefined)
const [csvFile, setCsvFile] = useState()
+
@@ -415,26 +417,30 @@ const Report = () => {
return () => clearTimeout(delayDebounceFn);
}, [ userA ])
+
-
- const handleCSVDownload = async () => {
+ const handleCSVDownload = async () => {
+
+ setOnQueueProcessStatus('downloading')
try {
let res = await apiBroker.get(`/reports/download/${csvFile}`, { responseType: 'blob' });
if (res) {
- fileDownload(res.data, `${csvFile}`);
-
- setOnQueueProcessStatus('empty')
+ fileDownload(res.data, `${csvFile}`);
+ setOnQueueProcessStatus('empty')
}
+
} catch (err) {
console.log(err);
}
+
}
+
const handleCSVMessages = () => {
@@ -599,14 +605,20 @@ const Report = () => {
<>
>);
+ case 'downloading':
+ return (
+ <>
+ DOWNLOADING...
+ >);
+
default:
return (<>WAITING...>);