danak/danak-console
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

test new login

Browse Source
This commit is contained in:
hamid zarghami
2025-03-15 11:23:53 +03:30
parent 18a96eac86
commit 488ae501dd
9 changed files with 96 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.tsx
+18 -14
View File
@@ -24,6 +24,7 @@ import useConvertNumbers from './hooks/useConvertNumbers';
import { Helmet, HelmetProvider } from 'react-helmet-async';
import moment from 'moment-jalaali';
import { refreshToken } from './pages/auth/service/AuthService';
import { getRefreshToken, getToken, removeRefreshToken, removeToken, setRefreshToken, setToken } from './config/func';
i18next.init({
interpolation: { escapeValue: false },
@@ -58,16 +59,17 @@ const queryClient = new QueryClient({
window.isRefreshingToken = true;
try {
const { data } = await refreshToken({ refreshToken: localStorage.getItem(import.meta.env.VITE_REFRESH_TOKEN_NAME) || '' });
const refreshTokenValue = await getRefreshToken();
const { data } = await refreshToken({ refreshToken: refreshTokenValue || '' });
console.log('data', data);
if (data?.accessToken?.token) {
// Save the new token
localStorage.setItem(import.meta.env.VITE_TOKEN_NAME, data?.accessToken?.token);
await setToken(data?.accessToken?.token);
// If refresh token also returned, update it
if (data.refreshToken?.token) {
localStorage.setItem(import.meta.env.VITE_REFRESH_TOKEN_NAME, data.refreshToken?.token);
await setRefreshToken(data.refreshToken?.token);
}
// Retry the failed request
@@ -82,8 +84,8 @@ const queryClient = new QueryClient({
} catch (refreshError: unknown) {
console.error('Token refresh failed:', refreshError);
// Clear tokens and redirect to login
localStorage.removeItem(import.meta.env.VITE_TOKEN_NAME);
localStorage.removeItem(import.meta.env.VITE_REFRESH_TOKEN_NAME);
await removeToken();
await removeRefreshToken();
window.location.href = '/auth/login';
}
}
@@ -106,17 +108,19 @@ const App: FC = () => {
const [isLogin, setIsLogin] = useState<'checking' | 'isLogin' | 'isNotLogin'>('checking')
useEffect(() => {
if (localStorage.getItem(import.meta.env.VITE_TOKEN_NAME)) {
setIsLogin('isLogin')
} else {
setIsLogin('isNotLogin')
if (window.location.href.split('auth').length === 1) {
window.location.href = Pages.auth.login
const checkLogin = async () => {
const token = await getToken();
if (token) {
setIsLogin('isLogin')
} else {
setIsLogin('isNotLogin')
if (window.location.href.split('auth').length === 1) {
window.location.href = Pages.auth.login
}
}
}
}, [])
checkLogin();
}, []);
return (
src/config/axios.ts
+3 -7
View File
@@ -1,4 +1,5 @@
import axios from "axios";
import { getToken } from "./func";
// import { Pages } from "./Pages";
const axiosInstance = axios.create({
@@ -8,18 +9,13 @@ const axiosInstance = axios.create({
axiosInstance.interceptors.response.use(
(response) => response,
(error) => {
// if (error.response.status === 401) {
// localStorage.removeItem(import.meta.env.VITE_TOKEN_NAME);
// window.location.href = Pages.auth.login;
// }
return Promise.reject(error);
}
);
axiosInstance.interceptors.request.use(async function (config) {
const token = localStorage.getItem(import.meta.env.VITE_TOKEN_NAME)
? localStorage.getItem(import.meta.env.VITE_TOKEN_NAME)
: "";
const tokenValue = await getToken();
const token = tokenValue ? tokenValue : "";
config.headers.Authorization = "Bearer " + token;
return config;
src/config/func.ts
+42
View File
@@ -1,3 +1,5 @@
import Cookie from "js-cookie";
export function isEmail(input: string): boolean {
const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
return emailRegex.test(input);
@@ -29,3 +31,43 @@ export const timeAgo = (date: string | Date): string => {
return "همین الان";
};
export const getToken = () => {
return Cookie.get(import.meta.env.VITE_TOKEN_NAME);
};
export const getRefreshToken = () => {
return Cookie.get(import.meta.env.VITE_REFRESH_TOKEN_NAME);
};
export const setToken = (token: string) => {
Cookie.set(import.meta.env.VITE_TOKEN_NAME, token, {
domain: ".danakcorp.com",
path: "/",
secure: true, // فقط روی HTTPS کار می‌کنه
sameSite: "Strict", // جلوگیری از حملات CSRF
});
};
export const setRefreshToken = (refreshToken: string) => {
Cookie.set(import.meta.env.VITE_REFRESH_TOKEN_NAME, refreshToken, {
domain: ".danakcorp.com",
path: "/",
secure: true,
sameSite: "Strict",
});
};
export const removeToken = () => {
Cookie.remove(import.meta.env.VITE_TOKEN_NAME, {
domain: ".danakcorp.com",
path: "/",
});
};
export const removeRefreshToken = () => {
Cookie.remove(import.meta.env.VITE_REFRESH_TOKEN_NAME, {
domain: ".danakcorp.com",
path: "/",
});
};
src/pages/auth/components/LoginStep2.tsx
+4 -2
View File
@@ -12,6 +12,8 @@ import { Pages } from '../../../config/Pages'
import { useLoginWithOtp, useOtpVerify } from '../hooks/useAuthData'
import { ErrorType } from '../../../helpers/types'
import { toast } from 'react-toastify'
import { setRefreshToken } from '../../../config/func'
import { setToken } from '../../../config/func'
const LoginStep2: FC = () => {
@@ -37,8 +39,8 @@ const LoginStep2: FC = () => {
}
otpVerify.mutate(params, {
onSuccess(data) {
localStorage.setItem(import.meta.env.VITE_TOKEN_NAME, data?.data?.accessToken?.token)
localStorage.setItem(import.meta.env.VITE_REFRESH_TOKEN_NAME, data?.data?.refreshToken?.token)
setToken(data?.data?.accessToken?.token)
setRefreshToken(data?.data?.refreshToken?.token)
window.location.href = Pages.dashboard
},
onError(error: ErrorType) {
src/pages/auth/components/LoginStep3.tsx
+4 -2
View File
@@ -13,6 +13,8 @@ import ArrowLeftIcon from '../../../assets/images/arrow-left.svg'
import { useLoginWithPassword } from '../hooks/useAuthData'
import { toast } from 'react-toastify'
import { ErrorType } from '../../../helpers/types'
import { setRefreshToken } from '../../../config/func'
import { setToken } from '../../../config/func'
const LoginStep3: FC = () => {
@@ -33,8 +35,8 @@ const LoginStep3: FC = () => {
onSubmit(values) {
loginWithPassword.mutate(values, {
onSuccess(data) {
localStorage.setItem(import.meta.env.VITE_TOKEN_NAME, data?.data?.accessToken?.token)
localStorage.setItem(import.meta.env.VITE_REFRESH_TOKEN_NAME, data?.data?.refreshToken?.token)
setToken(data?.data?.accessToken?.token)
setRefreshToken(data?.data?.refreshToken?.token)
window.location.href = Pages.dashboard
},
onError(error: ErrorType) {
src/pages/auth/components/RegisterStep2.tsx
+4 -2
View File
@@ -11,6 +11,8 @@ import { useRegister } from '../hooks/useAuthData'
import { ErrorType } from '../../../helpers/types'
import { toast } from 'react-toastify'
import { Pages } from '../../../config/Pages'
import { setToken } from '../../../config/func'
import { setRefreshToken } from '../../../config/func'
const RegisterStep2: FC = () => {
@@ -47,8 +49,8 @@ const RegisterStep2: FC = () => {
onSubmit(values) {
register.mutate(values, {
onSuccess(data) {
localStorage.setItem(import.meta.env.VITE_TOKEN_NAME, data?.data?.accessToken?.token)
localStorage.setItem(import.meta.env.VITE_REFRESH_TOKEN_NAME, data?.data?.refreshToken?.token)
setToken(data?.data?.accessToken?.token)
setRefreshToken(data?.data?.refreshToken?.token)
window.location.href = Pages.dashboard
},
onError(error: ErrorType) {
src/shared/SideBarItem.tsx
+4 -1
View File
@@ -3,6 +3,8 @@ import { Link } from 'react-router-dom'
import { clx } from '../helpers/utils'
import { Pages } from '../config/Pages'
import { useLogout } from '../pages/auth/hooks/useAuthData'
import { removeToken } from '../config/func'
import { removeRefreshToken } from '../config/func'
type Props = {
icon: ReactNode,
@@ -19,7 +21,8 @@ const SideBarItem: FC<Props> = (props: Props) => {
const handleLogout = async () => {
await logout.mutateAsync()
localStorage.removeItem(import.meta.env.VITE_TOKEN_NAME)
removeToken()
removeRefreshToken()
window.location.href = Pages.auth.login
}