005cf56baf
Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
47 lines
1.5 KiB
JavaScript
47 lines
1.5 KiB
JavaScript
import * as React from 'react';
|
|
import Button from '@mui/joy/Button';
|
|
import Divider from '@mui/joy/Divider';
|
|
import DialogTitle from '@mui/joy/DialogTitle';
|
|
import DialogContent from '@mui/joy/DialogContent';
|
|
import DialogActions from '@mui/joy/DialogActions';
|
|
import Modal from '@mui/joy/Modal';
|
|
import ModalDialog from '@mui/joy/ModalDialog';
|
|
import DeleteForever from '@mui/icons-material/DeleteForever';
|
|
import WarningRoundedIcon from '@mui/icons-material/WarningRounded';
|
|
|
|
export default function AlertDialogModal() {
|
|
const [open, setOpen] = React.useState(false);
|
|
return (
|
|
<React.Fragment>
|
|
<Button
|
|
variant="outlined"
|
|
color="danger"
|
|
endDecorator={<DeleteForever />}
|
|
onClick={() => setOpen(true)}
|
|
>
|
|
Discard
|
|
</Button>
|
|
<Modal open={open} onClose={() => setOpen(false)}>
|
|
<ModalDialog variant="outlined" role="alertdialog">
|
|
<DialogTitle>
|
|
<WarningRoundedIcon />
|
|
Confirmation
|
|
</DialogTitle>
|
|
<Divider />
|
|
<DialogContent>
|
|
Are you sure you want to discard all of your notes?
|
|
</DialogContent>
|
|
<DialogActions>
|
|
<Button variant="solid" color="danger" onClick={() => setOpen(false)}>
|
|
Discard notes
|
|
</Button>
|
|
<Button variant="plain" color="neutral" onClick={() => setOpen(false)}>
|
|
Cancel
|
|
</Button>
|
|
</DialogActions>
|
|
</ModalDialog>
|
|
</Modal>
|
|
</React.Fragment>
|
|
);
|
|
}
|