send accessToken to the backend after login
This commit is contained in:
@@ -4,7 +4,7 @@
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>CityCards Travel 22-8-2025</title>
|
||||
<title>CityCards Customer-web</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -8,7 +8,7 @@ export const baseQuery = fetchBaseQuery({
|
||||
const token = localStorage.getItem("accessToken");
|
||||
if (token) {
|
||||
headers.set("Authorization", `Bearer ${token}`);
|
||||
// headers.set("access-token", token);
|
||||
headers.set("access-token", token);
|
||||
}
|
||||
// headers.set("Content-Type", "application/json");
|
||||
return headers;
|
||||
|
||||
@@ -140,8 +140,10 @@ export function LoginModal({ isOpen, onClose }: LoginModalProps) {
|
||||
}).unwrap();
|
||||
|
||||
const userData = {
|
||||
userId:response?.user?.id,
|
||||
email: response?.email || email,
|
||||
name: response?.name || email.split('@')[0].charAt(0).toUpperCase() + email.split('@')[0].slice(1),
|
||||
accessToken:response?.accessToken,
|
||||
};
|
||||
|
||||
login(userData);
|
||||
@@ -285,11 +287,14 @@ export function LoginModal({ isOpen, onClose }: LoginModalProps) {
|
||||
onClick={() => {
|
||||
setStep('email');
|
||||
setOtp(['', '', '', '', '', '']);
|
||||
setHelperText("")
|
||||
setError('');
|
||||
}}
|
||||
className="w-full text-sm text-gray-600 hover:text-gray-800 font-poppins"
|
||||
className="w-full text-sm text-gray-600 hover:text-gray-800 font-poppins cursor-pointer"
|
||||
>
|
||||
Didn't receive OTP? Send again
|
||||
Didn't receive OTP?
|
||||
<span className="text-primary font-semibold"> Send again</span>
|
||||
{/* Send again */}
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
|
||||
@@ -3,7 +3,9 @@ import { useNavigate } from 'react-router-dom';
|
||||
|
||||
interface User {
|
||||
email: string;
|
||||
name: string
|
||||
name: string;
|
||||
accessToken:string;
|
||||
userId:string;
|
||||
}
|
||||
|
||||
interface AuthContextType {
|
||||
@@ -29,11 +31,15 @@ export const AuthProvider = ({ children }: { children: React.ReactNode }) => {
|
||||
const login = (userData: User) => {
|
||||
setUser(userData)
|
||||
localStorage.setItem("user", JSON.stringify(userData))
|
||||
localStorage.setItem("accessToken", userData?.accessToken)
|
||||
localStorage.setItem("userId", userData?.userId)
|
||||
}
|
||||
|
||||
const logout = () => {
|
||||
setUser(null)
|
||||
localStorage.removeItem("user")
|
||||
localStorage.removeItem("accessToken")
|
||||
localStorage.removeItem("userId")
|
||||
navigate("/")
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user