projects
/
arvados.git
/ blobdiff
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Merge branch 'master' of git.curoverse.com:arvados-workbench2 into 14500_admin_api_tokens
[arvados.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..079576fd101800f6f04cf24280bdc3e4ca45af05 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,12
+22,14
@@
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
variant='flat'
color='primary'
<Button
variant='flat'
color='primary'