45 lines
1.4 KiB
JavaScript
45 lines
1.4 KiB
JavaScript
|
import React from 'react';
|
||
|
import Button from '@material-ui/core/Button';
|
||
|
import Dialog from '@material-ui/core/Dialog';
|
||
|
import DialogActions from '@material-ui/core/DialogActions';
|
||
|
import DialogContent from '@material-ui/core/DialogContent';
|
||
|
import DialogContentText from '@material-ui/core/DialogContentText';
|
||
|
import DialogTitle from '@material-ui/core/DialogTitle';
|
||
|
import Slide from '@material-ui/core/Slide';
|
||
|
|
||
|
function Transition(props) {
|
||
|
return <Slide direction="up" {...props} />;
|
||
|
}
|
||
|
|
||
|
const ReleaseDomainAlert = ({ open, handleClose }) => (
|
||
|
<div>
|
||
|
<Dialog
|
||
|
open={open}
|
||
|
TransitionComponent={Transition}
|
||
|
keepMounted
|
||
|
onClose={handleClose}
|
||
|
aria-labelledby="alert-dialog-slide-title"
|
||
|
aria-describedby="alert-dialog-slide-description"
|
||
|
>
|
||
|
<DialogTitle id="alert-dialog-slide-title">
|
||
|
{"Release domain?"}
|
||
|
</DialogTitle>
|
||
|
<DialogContent>
|
||
|
<DialogContentText id="alert-dialog-slide-description">
|
||
|
Your SNT deposit will be returned and name will be available to other users.
|
||
|
</DialogContentText>
|
||
|
</DialogContent>
|
||
|
<DialogActions>
|
||
|
<Button onClick={handleClose} color="primary">
|
||
|
Cancel
|
||
|
</Button>
|
||
|
<Button onClick={() => handleClose(true)} color="primary">
|
||
|
Yes
|
||
|
</Button>
|
||
|
</DialogActions>
|
||
|
</Dialog>
|
||
|
</div>
|
||
|
);
|
||
|
|
||
|
export default ReleaseDomainAlert;
|