projects
/
arvados-workbench2.git
/ blobdiff
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
15067: Updates properties form to handle vocabulary's new format (WIP)
[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 9ca3454a61e7c304ef703f32f84ef734662837f6..257eadf3f8ff75bf7fb8152d4bb9a7d79d98e3ed 100644
(file)
--- 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 * 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;
export interface ConfirmationDialogDataProps {
title: string;
text: string;
+ info?: string;
cancelButtonLabel?: string;
confirmButtonLabel?: 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>
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>
</DialogContentText>
</DialogContent>
- <DialogActions>
+ <DialogActions
style={{ margin: '0px 24px 24px' }}
>
<Button
<Button
- variant='
fla
t'
+ variant='
tex
t'
color='primary'
onClick={props.closeDialog}>
{props.data.cancelButtonLabel || 'Cancel'}
color='primary'
onClick={props.closeDialog}>
{props.data.cancelButtonLabel || 'Cancel'}