blob: 466175eeebcc1d1c7e8f74cf8794b581483c395f (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
|
import { useMemo } from 'react';
import { useLocation, Navigate, Outlet } from 'react-router-dom';
import { useSelector } from 'react-redux';
import CssBaseline from '@mui/material/CssBaseline';
import NavBar from './NavBar';
import RsvpForm from './RsvpForm';
import { selectCurrentUser } from '../features/auth/authSlice';
const authenticate = () => {
const user = useSelector(selectCurrentUser);
return useMemo(() => ({ user }), [user]);
};
function Rsvp() {
const auth = authenticate();
const location = useLocation();
return auth.user ? (
<>
<CssBaseline />
<NavBar />
<Outlet />
</>
) : (
<Navigate to="/guest-login" state={{ from: location }} replace />
);
}
export default Rsvp;
|