root/nezha_dash
1
0
Fork 0
mirror of https://github.com/hamster1963/nezha-dash.git synced 2025-04-24 21:10:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

perf: remove error state

Browse Source
This commit is contained in:
hamster1963 2024-10-21 13:41:23 +08:00
parent dd05154be2
commit 117ea33382
1 changed files with 3 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
components/SignIn.tsx
View File

@ -1,31 +1,20 @@
"use client"; "use client";
import { getCsrfToken, signIn } from "next-auth/react"; import { getCsrfToken } from "next-auth/react";
import { useTranslations } from "next-intl"; import { useTranslations } from "next-intl";
import { useRouter, useSearchParams } from "next/navigation"; import { useRouter } from "next/navigation";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { Loader } from "./loading/Loader"; import { Loader } from "./loading/Loader";
import { auth } from "@/auth";
export function SignIn() { export function SignIn() {
const t = useTranslations("SignIn"); const t = useTranslations("SignIn");
const [csrfToken, setCsrfToken] = useState(""); const [csrfToken, setCsrfToken] = useState("");
const [errorState, setErrorState] = useState(false);
const [loading, setLoading] = useState(false); const [loading, setLoading] = useState(false);
const [successState, setSuccessState] = useState(false);
const search = useSearchParams();
const error = search.get("error");
const router = useRouter(); const router = useRouter();
useEffect(() => {
if (error) {
setErrorState(true);
}
}, [error]);
useEffect(() => { useEffect(() => {
async function loadProviders() { async function loadProviders() {
const csrf = await getCsrfToken(); const csrf = await getCsrfToken();
@ -54,19 +43,9 @@ export function SignIn() {
}, },
body: urlEncodedData, body: urlEncodedData,
}); });
const session = await auth();
if (session) {
setSuccessState(true);
} else {
setErrorState(true);
}
setLoading(false)
router.push("/"); router.push("/");
router.refresh(); router.refresh();
setLoading(false)
}; };
return ( return (
@ -77,16 +56,6 @@ export function SignIn() {
<input type="hidden" name="csrfToken" value={csrfToken} /> <input type="hidden" name="csrfToken" value={csrfToken} />
<section className="flex flex-col items-start gap-2"> <section className="flex flex-col items-start gap-2">
<label className="flex flex-col items-start gap-1 "> <label className="flex flex-col items-start gap-1 ">
{errorState && (
<p className="text-red-500 text-sm font-semibold">
{t("ErrorMessage")}
</p>
)}
{successState && (
<p className="text-green-500 text-sm font-semibold">
{t("SuccessMessage")}
</p>
)}
<p className="text-base font-semibold">{t("SignInMessage")}</p> <p className="text-base font-semibold">{t("SignInMessage")}</p>
<input <input
className="px-1 border-[1px] rounded-[5px]" className="px-1 border-[1px] rounded-[5px]"