Added removing files during upload feature

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

diff --git a/src/components/file-upload-dialog/file-upload-dialog.tsx b/src/components/file-upload-dialog/file-upload-dialog.tsx
index 7810c4915c180dc34d638b93e3c0321167778d62..81558493e38af205c0793ffaf14cd85152472400 100644 (file)
--- a/src/components/file-upload-dialog/file-upload-dialog.tsx
+++ b/src/components/file-upload-dialog/file-upload-dialog.tsx
@@ -4,16 +4,17 @@
 
 import * as React from 'react';
 import { FileUpload } from "~/components/file-upload/file-upload";
-import { UploadFile } from '~/store/collections/uploader/collection-uploader-actions';
 import { Dialog, DialogTitle, DialogContent, DialogActions } from '@material-ui/core/';
 import { Button, CircularProgress } from '@material-ui/core';
-import { WithDialogProps } from '../../store/dialog/with-dialog';
+import { WithDialogProps } from '~/store/dialog/with-dialog';
+import { UploadFile } from '~/store/file-uploader/file-uploader-actions';
 
 export interface FilesUploadDialogProps {
     files: UploadFile[];
     uploading: boolean;
     onSubmit: () => void;
     onChange: (files: File[]) => void;
+    onDelete: (files: File[]) => void; 
 }
 
 export const FilesUploadDialog = (props: FilesUploadDialogProps & WithDialogProps<{}>) =>
@@ -28,11 +29,12 @@ export const FilesUploadDialog = (props: FilesUploadDialogProps & WithDialogProp
                 files={props.files}
                 disabled={props.uploading}
                 onDrop={props.onChange}
+                onDelete={props.onDelete}
             />
         </DialogContent>
         <DialogActions>
             <Button
-                variant='flat'
+                variant='text'
                 color='primary'
                 disabled={props.uploading}
                 onClick={props.closeDialog}>