Move progress event handler to inline

regalijan · Mar 26, 2024 · 65d03b6 · 65d03b6
1 parent c06375e
commit 65d03b6
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/app/routes/report.tsx b/app/routes/report.tsx
@@ -168,11 +168,6 @@ export default function () {
 
     setUploading(true);
 
-    const increaseProgress = (e: ProgressEvent) => {
-      bytesRead += e.loaded;
-      setFileProgress(Math.floor((bytesRead / totalSize) * 100));
-    };
-
     for (let i = 0; i < upload_urls.length; i++) {
       await new Promise((resolve) => {
         const xhr = new XMLHttpRequest();
@@ -186,7 +181,12 @@ export default function () {
                 fileTypes[files[i].name.split(".").at(-1) as string],
         );
 
-        xhr.upload.addEventListener("progress", increaseProgress);
+        xhr.upload.onprogress = (e) => {
+          if (!e.lengthComputable) return;
+
+          bytesRead += e.loaded;
+          setFileProgress(Math.floor((bytesRead / totalSize) * 100));
+        };
         xhr.upload.onabort = () => {
           shouldRecall = true;
           setUploading(false);