ens-usernames/app/components/ens/ReleaseDomain.js

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(null)} color="primary">
Cancel
</Button>
<Button onClick={() => handleClose(true)} color="primary">
Yes
</Button>
</DialogActions>
</Dialog>
</div>
);
export default ReleaseDomainAlert;