18169: Fixed upload cancelation on a single file

[arvados-workbench2.git] / src / components / file-upload / file-upload.tsx

diff --git a/src/components/file-upload/file-upload.tsx b/src/components/file-upload/file-upload.tsx
index 579746a6d83484ee970fd767e380e4830da6b30f..54d5b5db2b9513a34579d1d5465a89587c3fb8eb 100644 (file)
--- a/src/components/file-upload/file-upload.tsx
+++ b/src/components/file-upload/file-upload.tsx
@@ -123,6 +123,17 @@ export const FileUpload = withStyles(styles)(
             if (!disabled) {
                 onDelete(file);
             }
             if (!disabled) {
                 onDelete(file);
             }

+
+            let interval = setInterval(() => {
+                const key = Object.keys((window as any).cancelTokens).find(key => key.indexOf(file.file.name) > -1);
+
+                if (key) {
+                    clearInterval(interval);
+                    (window as any).cancelTokens[key]();
+                    delete (window as any).cancelTokens[key];
+                }
+            }, 100);
+

         }
         render() {
             const { classes, onDrop, disabled, files } = this.props;
         }
         render() {
             const { classes, onDrop, disabled, files } = this.props;