70 lines
1.9 KiB
JavaScript
70 lines
1.9 KiB
JavaScript
import React from "react";
|
|
import { makeStyles } from "@material-ui/core/styles";
|
|
import DialogTitle from "@material-ui/core/DialogTitle";
|
|
import DialogContent from "@material-ui/core/DialogContent";
|
|
import Dialog from "@material-ui/core/Dialog";
|
|
import Divider from "@material-ui/core/Divider";
|
|
import IconButton from "@material-ui/core/IconButton";
|
|
import CloseIcon from "@material-ui/icons/Close";
|
|
import Paper from "@material-ui/core/Paper";
|
|
import { useSelector, useDispatch } from "react-redux";
|
|
import { hideRegulaminDialog } from "../../actions/toggles";
|
|
import Regulamin from "./Regulamin";
|
|
|
|
export default function RegulaminDialog(props) {
|
|
var regulaminDialog = useSelector((state) => state.data.dialogs.regulamin);
|
|
const dispatch = useDispatch();
|
|
|
|
const loginStyles = makeStyles((theme) => ({
|
|
root: {
|
|
textAlign: "center",
|
|
"& .MuiPaper-root": {
|
|
backgroundColor: "#262626",
|
|
color: "#bbbbbb",
|
|
},
|
|
"& .MuiFormHelperText-root": {
|
|
color: "#606060",
|
|
textAlign: "center",
|
|
},
|
|
},
|
|
closeButton: {
|
|
color: "#bbbbbb",
|
|
position: "absolute",
|
|
right: theme.spacing(1),
|
|
top: theme.spacing(1),
|
|
},
|
|
paper: {
|
|
textAlign: "left",
|
|
padding: "18px",
|
|
maxHeight: "50vh",
|
|
overflow: "auto",
|
|
},
|
|
}));
|
|
|
|
const styles = loginStyles();
|
|
|
|
return (
|
|
<div>
|
|
<Dialog
|
|
className={styles.root}
|
|
open={regulaminDialog}
|
|
onClose={() => dispatch(hideRegulaminDialog())}
|
|
aria-labelledby="regulamin-title"
|
|
>
|
|
<DialogTitle id="regulamin-title">Regulamin</DialogTitle>
|
|
<IconButton
|
|
className={styles.closeButton}
|
|
onClick={() => dispatch(hideRegulaminDialog())}
|
|
aria-label="close"
|
|
>
|
|
<CloseIcon />
|
|
</IconButton>
|
|
<Divider />
|
|
<DialogContent>
|
|
<Paper className={styles.paper}>{<Regulamin />}</Paper>
|
|
</DialogContent>
|
|
</Dialog>
|
|
</div>
|
|
);
|
|
}
|