src/components/confirmation-dialog/confirmation-dialog.tsx

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 import * as React from "react";
   6 import { Dialog, DialogTitle, DialogContent, DialogActions, Button, DialogContentText } from "@material-ui/core";
   7 import { WithDialogProps } from "~/store/dialog/with-dialog";
   8 import { WarningIcon } from '~/components/icon/icon';
   9
  10 export interface ConfirmationDialogDataProps {
  11     title: string;
  12     text: string;
  13     cancelButtonLabel?: string;
  14     confirmButtonLabel?: string;
  15 }
  16
  17 export interface ConfirmationDialogProps {
  18     onConfirm: () => void;
  19 }
  20
  21 export const ConfirmationDialog = (props: ConfirmationDialogProps & WithDialogProps<ConfirmationDialogDataProps>) =>
  22     <Dialog open={props.open}>
  23         <DialogTitle>{props.data.title}</DialogTitle>
  24         <DialogContent style={{ display: 'flex', alignItems: 'center' }}>
  25             <WarningIcon />
  26             <DialogContentText style={{ paddingLeft: '8px' }}>
  27                 {props.data.text}
  28                 <br />
  29                 {props.data.title === 'Removing file' ? 'Removing a file will change content adress.' : 'Removing files will change content adress.'}
  30             </DialogContentText>
  31         </DialogContent>
  32         <DialogActions>
  33             <Button
  34                 variant='flat'
  35                 color='primary'
  36                 onClick={props.closeDialog}>
  37                 {props.data.cancelButtonLabel || 'Cancel'}
  38             </Button>
  39             <Button
  40                 variant='contained'
  41                 color='primary'
  42                 type='submit'
  43                 onClick={props.onConfirm}>
  44                 {props.data.confirmButtonLabel || 'Ok'}
  45             </Button>
  46         </DialogActions>
  47     </Dialog>;