frontend/containers/RemoveDialog/index.js (view raw)
1import React from 'react';
2import Dialog from '@material-ui/core/Dialog';
3import DialogActions from '@material-ui/core/DialogActions';
4import DialogContent from '@material-ui/core/DialogContent';
5import DialogContentText from '@material-ui/core/DialogContentText';
6import Slide from '@material-ui/core/Slide';
7import Button from '@material-ui/core/Button';
8import {useTranslation} from 'react-i18next';
9
10const Transition = React.forwardRef(function Transition(props, ref) {
11 return <Slide direction="up" ref={ref} {...props} />;
12});
13
14const RemoveDialog = ({text, open, onClose, onRemove}) => {
15 const {t} = useTranslation();
16
17 return (
18 <Dialog open={open} TransitionComponent={Transition} onClose={onClose}>
19 <DialogContent>
20 <DialogContentText>{text}</DialogContentText>
21 </DialogContent>
22 <DialogActions>
23 <Button onClick={onClose} id="CarRemoveCancel">
24 {t('generic.cancel')}
25 </Button>
26 <Button
27 id="CarRemoveConfirm"
28 onClick={() => {
29 onRemove();
30 onClose();
31 }}
32 >
33 {t('generic.confirm')}
34 </Button>
35 </DialogActions>
36 </Dialog>
37 );
38};
39
40export default RemoveDialog;