refactor: 更新用户授权组件以使用next-auth进行登录,简化重定向逻辑并优化会话更新

This commit is contained in:
wood chen 2025-02-21 16:45:52 +08:00
parent 0ef9ae7903
commit 0c98d52a16

View File

@ -1,7 +1,8 @@
"use client";
import { useCallback, useEffect, useState } from "react";
import { signIn } from "@/actions/user-authorize";
import { useRouter } from "next/navigation";
import { signIn as nextAuthSignIn, useSession } from "next-auth/react";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
@ -16,6 +17,8 @@ export function UserAuthorize({
}: UserAuthorizeProps) {
const [isLoading, setIsLoading] = useState<boolean>(false);
const [error, setError] = useState<Error | unknown>(null);
const { update } = useSession();
const router = useRouter();
const signInCallback = useCallback(async () => {
if (isLoading) {
@ -23,19 +26,28 @@ export function UserAuthorize({
}
setIsLoading(true);
try {
await signIn(data);
setIsLoading(false);
const result = await nextAuthSignIn("credentials", {
...data,
redirect: false,
});
if (result?.error) {
setError(result.error);
} else {
// 更新 session
await update();
// 登录成功后重定向到控制台
router.push("/dashboard");
}
} catch (error) {
setError(error);
} finally {
setIsLoading(false);
}
}, [data, isLoading]);
}, [data, isLoading, update, router]);
useEffect(() => {
const timer = setTimeout(signInCallback, 5);
return () => {
clearTimeout(timer);
};
signInCallback();
}, [signInCallback]);
return (