import {forwardRef} from 'react';
import {useRouter} from 'next/router';
import Dialog from '@material-ui/core/Dialog';
import DialogTitle from '@material-ui/core/DialogTitle';
import DialogActions from '@material-ui/core/DialogActions';
import DialogContent from '@material-ui/core/DialogContent';
import {makeStyles} from '@material-ui/core/styles';
import DialogContentText from '@material-ui/core/DialogContentText';
import Icon from '@material-ui/core/Icon';
import Slide from '@material-ui/core/Slide';
import Button from '@material-ui/core/Button';
import IconButton from '@material-ui/core/IconButton';
import {useTranslation} from 'react-i18next';
import useAddToEvents from '../../hooks/useAddToEvents';
const AddToMyEventDialog = ({event, open, onClose}) => {
const {t} = useTranslation();
const router = useRouter();
const classes = useStyles();
const {addToEvent} = useAddToEvents();
const onRedirect = path => {
addToEvent(event.id);
router.push(path);
};
if (!event) return null;
return (
);
};
const Transition = forwardRef(function Transition(props, ref) {
return ;
});
const useStyles = makeStyles(theme => ({
close: {
position: 'absolute',
top: theme.spacing(1),
right: theme.spacing(0.5),
},
}));
export default AddToMyEventDialog;