23 lines
782 B
JavaScript
23 lines
782 B
JavaScript
|
import React from 'react';
|
||
|
|
import { useSelector } from 'react-redux'
|
||
|
|
import { Route, Redirect } from 'react-router-dom';
|
||
|
|
import { selectAuth } from '../../redux/outstaffingSlice';
|
||
|
|
|
||
|
|
export const ProtectedRoute = ({ component: Component, ...rest }) => {
|
||
|
|
const isAuth = useSelector(selectAuth)
|
||
|
|
const existingToken = localStorage.getItem('auth_token')
|
||
|
|
const expiresAt = localStorage.getItem('access_token_expired_at')
|
||
|
|
|
||
|
|
const isTokenAlive = (existingToken && expiresAt && new Date(expiresAt).getTime() > (new Date()).getTime());
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Route
|
||
|
|
{...rest}
|
||
|
|
render={props =>
|
||
|
|
( isAuth || isTokenAlive) ? (
|
||
|
|
<Component {...props} />
|
||
|
|
) : <Redirect to='/auth' />
|
||
|
|
}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
}
|