X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/eb4491eea9ba873845f7a5796d139d19977f8112..37ef971c0db3e1989dcab9268337bc92aa950499:/src/components/confirmation-dialog/confirmation-dialog.tsx?ds=sidebyside

diff --git a/src/components/confirmation-dialog/confirmation-dialog.tsx b/src/components/confirmation-dialog/confirmation-dialog.tsx
index 9ca3454a..257eadf3 100644
--- a/src/components/confirmation-dialog/confirmation-dialog.tsx
+++ b/src/components/confirmation-dialog/confirmation-dialog.tsx
@@ -4,11 +4,13 @@
 
 import * as React from "react";
 import { Dialog, DialogTitle, DialogContent, DialogActions, Button, DialogContentText } from "@material-ui/core";
-import { WithDialogProps } from "../../store/dialog/with-dialog";
+import { WithDialogProps } from "~/store/dialog/with-dialog";
+import { WarningIcon } from '~/components/icon/icon';
 
 export interface ConfirmationDialogDataProps {
     title: string;
     text: string;
+    info?: string; 
     cancelButtonLabel?: string;
     confirmButtonLabel?: string;
 }
@@ -20,14 +22,16 @@ export interface ConfirmationDialogProps {
 export const ConfirmationDialog = (props: ConfirmationDialogProps & WithDialogProps<ConfirmationDialogDataProps>) =>
     <Dialog open={props.open}>
         <DialogTitle>{props.data.title}</DialogTitle>
-        <DialogContent>
-            <DialogContentText>
-                {props.data.text}
+        <DialogContent style={{ display: 'flex', alignItems: 'center' }}>
+            <WarningIcon />
+            <DialogContentText style={{ paddingLeft: '8px' }}>
+                <div>{props.data.text}</div>
+                <div>{props.data.info}</div>
             </DialogContentText>
         </DialogContent>
-        <DialogActions>
+        <DialogActions style={{ margin: '0px 24px 24px' }}>
             <Button
-                variant='flat'
+                variant='text'
                 color='primary'
                 onClick={props.closeDialog}>
                 {props.data.cancelButtonLabel || 'Cancel'}
