UI Redesin!

This commit is contained in:
2025-11-24 06:26:50 -06:00
parent 2657334e0c
commit 5c449e1036
23 changed files with 3257 additions and 2022 deletions

View File

@@ -1,95 +1,97 @@
import axios from "axios";
const Cookies = require('js-cookie');
const Cookies = require("js-cookie");
//const baseURL = 'http://127.0.0.1:8011/api/';
const baseURL = 'https://chatbackend.aimloperations.com/api/';
const baseURL = "http://localhost:8011/api/";
//const baseURL = 'https://chatbackend.aimloperations.com/api/';
//const baseURL = process.env.REACT_APP_BACKEND_REST_API_BASE_URL;
export const axiosInstance = axios.create({
baseURL: baseURL,
timeout: 5000,
headers: {
"Authorization": 'JWT ' + localStorage.getItem('access_token'),
'Content-Type': 'application/json',
'Accept': 'application/json',
}
baseURL: baseURL,
timeout: 5000,
headers: {
Authorization: "JWT " + localStorage.getItem("access_token"),
"Content-Type": "application/json",
Accept: "application/json",
},
});
export const cleanAxiosInstance = axios.create({
baseURL: baseURL,
timeout: 5000,
headers: {
'Content-Type': 'application/json',
'Accept': 'application/json',
}
baseURL: baseURL,
timeout: 5000,
headers: {
"Content-Type": "application/json",
Accept: "application/json",
},
});
export const axiosInstanceCSRF = axios.create({
baseURL: baseURL,
timeout: 5000,
headers: {
'X-CSRFToken': Cookies.get('csrftoken'), // Include CSRF token in headers
},
withCredentials: true,
}
);
baseURL: baseURL,
timeout: 5000,
headers: {
"X-CSRFToken": Cookies.get("csrftoken"), // Include CSRF token in headers
},
withCredentials: true,
});
axiosInstance.interceptors.request.use(config => {
config.timeout = 100000;
return config;
})
axiosInstance.interceptors.request.use((config) => {
config.timeout = 100000;
return config;
});
axiosInstance.interceptors.response.use(
response => response,
error => {
const originalRequest = error.config;
(response) => response,
(error) => {
const originalRequest = error.config;
// Prevent infinite loop
if (error.response.status === 401 && originalRequest.url === baseURL+'/token/refresh/') {
window.location.href = '/signin/';
//console.log('remove the local storage here')
return Promise.reject(error);
}
if(error.response.data.code === "token_not_valid" &&
error.response.status == 401 &&
error.response.statusText == 'Unauthorized')
{
const refresh_token = localStorage.getItem('refresh_token');
if (refresh_token){
const tokenParts = JSON.parse(atob(refresh_token.split('.')[1]));
const now = Math.ceil(Date.now() / 1000);
//console.log(tokenParts.exp)
if(tokenParts.exp > now){
return axiosInstance.post('/token/refresh/', {refresh: refresh_token}).then((response) => {
localStorage.setItem('access_token', response.data.access);
localStorage.setItem('refresh_token', response.data.refresh);
axiosInstance.defaults.headers['Authorization'] = 'JWT ' + response.data.access;
originalRequest.headers['Authorization'] = 'JWT ' + response.data.access;
return axiosInstance(originalRequest);
}).catch(err => {
console.log(err)
});
}else{
console.log('Refresh token is expired');
window.location.href = '/signin/';
}
}else {
console.log('Refresh token not available');
window.location.href = '/signin/';
}
}
return Promise.reject(error);
// Prevent infinite loop
if (
error.response.status === 401 &&
originalRequest.url === baseURL + "/token/refresh/"
) {
window.location.href = "/signin/";
//console.log('remove the local storage here')
return Promise.reject(error);
}
);
if (
error.response.data.code === "token_not_valid" &&
error.response.status == 401 &&
error.response.statusText == "Unauthorized"
) {
const refresh_token = localStorage.getItem("refresh_token");
if (refresh_token) {
const tokenParts = JSON.parse(atob(refresh_token.split(".")[1]));
const now = Math.ceil(Date.now() / 1000);
//console.log(tokenParts.exp)
if (tokenParts.exp > now) {
return axiosInstance
.post("/token/refresh/", { refresh: refresh_token })
.then((response) => {
localStorage.setItem("access_token", response.data.access);
localStorage.setItem("refresh_token", response.data.refresh);
axiosInstance.defaults.headers["Authorization"] =
"JWT " + response.data.access;
originalRequest.headers["Authorization"] =
"JWT " + response.data.access;
return axiosInstance(originalRequest);
})
.catch((err) => {
console.log(err);
});
} else {
console.log("Refresh token is expired");
window.location.href = "/signin/";
}
} else {
console.log("Refresh token not available");
window.location.href = "/signin/";
}
}
return Promise.reject(error);
},
);