35 lines
774 B
JavaScript
35 lines
774 B
JavaScript
import PropTypes from 'prop-types';
|
|
import { useEffect } from 'react';
|
|
import { useLocation, useNavigate } from 'react-router-dom';
|
|
|
|
// project import
|
|
import useAuth from 'hooks/useAuth';
|
|
|
|
// ==============================|| AUTH GUARD ||============================== //
|
|
|
|
const AuthGuard = ({ children }) => {
|
|
const { isLoggedIn } = useAuth();
|
|
const navigate = useNavigate();
|
|
const location = useLocation();
|
|
|
|
useEffect(() => {
|
|
if (!isLoggedIn) {
|
|
navigate('login', {
|
|
state: {
|
|
from: location.pathname
|
|
},
|
|
replace: true
|
|
});
|
|
navigate('login', { replace: true });
|
|
}
|
|
}, [isLoggedIn, navigate, location]);
|
|
|
|
return children;
|
|
};
|
|
|
|
AuthGuard.propTypes = {
|
|
children: PropTypes.node
|
|
};
|
|
|
|
export default AuthGuard;
|