X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/1e3a5c5fde6ccbd893cdf654076c67ab5b0eaed3..aebc1ac220838aa4f849473f3dda8d121f6118af:/src/views-components/dialog-upload/dialog-collection-files-upload.tsx

diff --git a/src/views-components/dialog-upload/dialog-collection-files-upload.tsx b/src/views-components/dialog-upload/dialog-collection-files-upload.tsx
index 7be3baf5..1c062d5a 100644
--- a/src/views-components/dialog-upload/dialog-collection-files-upload.tsx
+++ b/src/views-components/dialog-upload/dialog-collection-files-upload.tsx
@@ -9,9 +9,7 @@ import { CollectionCreateFormDialogData } from '~/store/collections/collection-c
 import { FormDialog } from '~/components/form-dialog/form-dialog';
 import { require } from '~/validators/require';
 import { FileUploaderField } from '~/views-components/file-uploader/file-uploader';
-import { WarningIcon } from '~/components/icon/icon';
-import { DialogContentText } from '@material-ui/core';
-
+import { WarningCollection } from '~/components/warning-collection/warning-collection';
 
 type DialogCollectionFilesUploadProps = WithDialogProps<{}> & InjectedFormProps<CollectionCreateFormDialogData>;
 
@@ -28,13 +26,9 @@ const UploadCollectionFilesFields = () => <>
         name='files'
         validate={FILES_FIELD_VALIDATION}
         component={FileUploaderField} />
-    <span style={{ display: 'flex', alignItems: 'center', marginTop: '8px' }}>
-        <WarningIcon />
-        <DialogContentText style={{ paddingLeft: '8px' }}>Uploading new files will change content address.</DialogContentText>
-    </span>
+    <WarningCollection text="Uploading new files will change content address." />
 </>;
 
-
 const FILES_FIELD_VALIDATION = [require];
 
 
