AlertDialog.js 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. import Dialog from "@material-ui/core/Dialog";
  2. import DialogActions from "@material-ui/core/DialogActions";
  3. import DialogContent from "@material-ui/core/DialogContent";
  4. import DialogContentText from "@material-ui/core/DialogContentText";
  5. import DialogTitle from "@material-ui/core/DialogTitle";
  6. import Button from "@material-ui/core/Button";
  7. export const Alert = ({showAlert, finishCalc, showIdmtResults}) => {
  8. return(
  9. <div>
  10. <Dialog
  11. open={showAlert}
  12. onClose={finishCalc}
  13. aria-labelledby="alert-dialog-title"
  14. aria-describedby="alert-dialog-description"
  15. >
  16. <DialogTitle id="alert-dialog-title">{"Ergebnis überprüfen oder abgeben?"}</DialogTitle>
  17. <DialogContent>
  18. <DialogContentText id="alert-dialog-description">
  19. Willst du dein Ergebnis nochmal überprüfen oder gleich abgeben?
  20. </DialogContentText>
  21. </DialogContent>
  22. <DialogActions>
  23. <Button onClick={showIdmtResults} color="primary" autoFocus>
  24. Prüfen
  25. </Button>
  26. <Button onClick={finishCalc} color="primary">
  27. Abgeben
  28. </Button>
  29. </DialogActions>
  30. </Dialog>
  31. </div>
  32. )
  33. };