Merge branch 'master' into 14644-nanh-nanm-in-subprocess-view

[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 3c368a1f09c577b0df1ebdaef3d9d42527271f20..257eadf3f8ff75bf7fb8152d4bb9a7d79d98e3ed 100644 (file)
--- a/src/components/confirmation-dialog/confirmation-dialog.tsx
+++ b/src/components/confirmation-dialog/confirmation-dialog.tsx
@@ -10,6 +10,7 @@ import { WarningIcon } from '~/components/icon/icon';
 export interface ConfirmationDialogDataProps {
     title: string;
     text: string;
+    info?: string; 
     cancelButtonLabel?: string;
     confirmButtonLabel?: string;
 }
@@ -24,14 +25,13 @@ export const ConfirmationDialog = (props: ConfirmationDialogProps & WithDialogPr
         <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.'}
+                <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'}