Alteração no botao download csv

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 = () => {
           <>
             <Button
               variant="contained"
-              color="primary"
+              color="primary" 
               onClick={(e) => {
-                handleCSVDownload()
+                handleCSVDownload(e)
               }}
             >
-              {"CSV DOWNLOAD"}
+              {'CSV DOWNLOAD'}
             </Button>
           </>);
+        case 'downloading':
+          return (
+            <>
+              <span>DOWNLOADING...</span>
+            </>);
+  
 
       default:
         return (<><span>WAITING...</span></>);