Merge pull request #120 from wafflestudio/fix/social-login

src/api/auth.ts

@@ -68,6 +68,10 @@ export const refresh = async () => {
 	return user;
 };
 
+export const establishSession = async () => {
+	await api.post("/auth/session");
+};
+
 // health check
 export const healthCheck = async () => {
 	const res = await api.get("/health");

src/api/axios.ts

@@ -28,12 +28,12 @@ api.interceptors.request.use(
 	(config) => {
 		const url = config.url ?? "";
 
-		const isAuthApi =
+		const skipsAuthorizationHeader =
 			url.includes("/auth/login") ||
 			url.includes("/auth/register") ||
 			url.includes("/auth/refresh");
 
-		if (isAuthApi) {
+		if (skipsAuthorizationHeader) {
 			delete config.headers.Authorization;
 			return config;
 		}
@@ -56,12 +56,13 @@ api.interceptors.response.use(
 		const originalRequest = error.config;
 		const url = originalRequest?.url ?? "";
 
-		const isAuthApi =
+		const skipsRefreshRecovery =
 			url.includes("/auth/login") ||
 			url.includes("/auth/register") ||
-			url.includes("/auth/refresh");
+			url.includes("/auth/refresh") ||
+			url.includes("/auth/session");
 
-		if (isAuthApi) {
+		if (skipsRefreshRecovery) {
 			return Promise.reject(error);
 		}
 

src/contexts/AuthProvider.tsx

@@ -112,6 +112,14 @@ export const AuthProvider = ({ children }: { children: ReactNode }) => {
   	const completeSocialLogin = useCallback(async (accessToken: string) => {
     	try {
     	  	TokenService.setToken(accessToken);
+			try {
+				await auth.establishSession();
+			} catch (sessionError) {
+				console.warn(
+					"Session cookie issuance failed after social login:",
+					sessionError,
+				);
+			}
       		const userData = await auth.getUser();
       		setUser(userData);
       		setIsAuthenticated(true);