...

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

diff --git a/src/components/confirmation-dialog/confirmation-dialog.tsx b/src/components/confirmation-dialog/confirmation-dialog.tsx
index 6e87416781eb01a02866bc9f2bcea65dc0c59a68..3c368a1f09c577b0df1ebdaef3d9d42527271f20 100644 (file)
--- a/src/components/confirmation-dialog/confirmation-dialog.tsx
+++ b/src/components/confirmation-dialog/confirmation-dialog.tsx
@@ -3,10 +3,9 @@
 // SPDX-License-Identifier: AGPL-3.0
 
 import * as React from "react";
-import { defaultTo, property } from 'lodash';
-import { Dialog, DialogTitle, DialogContent, DialogActions, Button, Typography, DialogContentText, CircularProgress } from "@material-ui/core";
-import { WithDialogProps } from "../../store/dialog/with-dialog";
-import { TextField } from "../text-field/text-field";
+import { Dialog, DialogTitle, DialogContent, DialogActions, Button, DialogContentText } from "@material-ui/core";
+import { WithDialogProps } from "~/store/dialog/with-dialog";
+import { WarningIcon } from '~/components/icon/icon';
 
 export interface ConfirmationDialogDataProps {
     title: string;
@@ -22,9 +21,12 @@ export interface ConfirmationDialogProps {
 export const ConfirmationDialog = (props: ConfirmationDialogProps & WithDialogProps<ConfirmationDialogDataProps>) =>
     <Dialog open={props.open}>
         <DialogTitle>{props.data.title}</DialogTitle>
-        <DialogContent>
-            <DialogContentText>
+        <DialogContent style={{ display: 'flex', alignItems: 'center' }}>
+            <WarningIcon />
+            <DialogContentText style={{ paddingLeft: '8px' }}>
                 {props.data.text}
+                <br />
+                {props.data.title === 'Removing file' ? 'Removing a file will change content adress.' : 'Removing files will change content adress.'}
             </DialogContentText>
         </DialogContent>
         <DialogActions>