export interface ConfirmationDialogDataProps {
title: string;
text: string;
+ info?: string;
cancelButtonLabel?: string;
confirmButtonLabel?: string;
}
<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'}