fix(temp): -rm expiration logic

This commit is contained in:
amhsirak
2024-11-18 21:26:23 +05:30
parent 3b210b75ba
commit 86b4fb29ba

View File

@@ -1,7 +1,6 @@
import { useReducer, createContext, useEffect } from 'react';
import axios from 'axios';
import { useNavigate } from 'react-router-dom';
import { jwtDecode } from 'jwt-decode';
import { apiUrl } from "../apiConfig";
interface AuthProviderProps {
@@ -51,74 +50,28 @@ const AuthProvider = ({ children }: AuthProviderProps) => {
const navigate = useNavigate();
axios.defaults.withCredentials = true;
const logoutUser = () => {
dispatch({ type: 'LOGOUT' });
window.localStorage.removeItem('user');
window.localStorage.removeItem('logoutTimeout');
navigate('/login');
};
const checkTokenExpiration = (token: string) => {
if (!token) return;
try {
const decodedToken: any = jwtDecode(token);
const currentTime = Date.now();
const tokenExpiryTime = decodedToken.exp * 1000;
if (tokenExpiryTime > currentTime) {
// Calculate remaining time until token expires
const remainingTime = tokenExpiryTime - currentTime;
// Check if a logout timeout already exists in local storage
const existingTimeout = window.localStorage.getItem('logoutTimeout');
if (!existingTimeout) {
// Set a timeout for auto-logout
const timeoutId = setTimeout(logoutUser, remainingTime);
window.localStorage.setItem('logoutTimeout', JSON.stringify(timeoutId));
}
} else {
logoutUser(); // Immediately logout if token is expired
}
} catch (error) {
console.error("Error decoding token:", error);
logoutUser();
}
};
useEffect(() => {
const storedUser = window.localStorage.getItem('user');
if (storedUser) {
const userData = JSON.parse(storedUser);
dispatch({ type: 'LOGIN', payload: userData });
// Run expiration check only if a token exists
if (userData.token) {
checkTokenExpiration(userData.token);
}
dispatch({ type: 'LOGIN', payload: JSON.parse(storedUser) });
}
// Clean up timeout on component unmount
return () => {
const timeoutId = window.localStorage.getItem('logoutTimeout');
if (timeoutId) {
clearTimeout(JSON.parse(timeoutId));
window.localStorage.removeItem('logoutTimeout');
}
};
}, []); // Only run this effect once on mount
}, []);
axios.interceptors.response.use(
(response) => response,
(error) => {
function (response) {
return response;
},
function (error) {
const res = error.response;
if (res?.status === 401 && !res.config.__isRetryRequest) {
if (res.status === 401 && res.config && !res.config.__isRetryRequest) {
return new Promise((resolve, reject) => {
axios
.get(`${apiUrl}/auth/logout`)
.then(() => {
console.log('/401 error > logout');
logoutUser();
dispatch({ type: 'LOGOUT' });
window.localStorage.removeItem('user');
navigate('/login');
})
.catch((err) => {
console.error('AXIOS INTERCEPTORS ERROR:', err);
@@ -129,7 +82,7 @@ const AuthProvider = ({ children }: AuthProviderProps) => {
return Promise.reject(error);
}
);
return (
<AuthContext.Provider value={{ state, dispatch }}>
{children}