chore: import clean Agent Desk snapshot (6/7)
This commit is contained in:
67
web/app/(dashboard)/dashboard/login/oidc/callback/page.tsx
Normal file
67
web/app/(dashboard)/dashboard/login/oidc/callback/page.tsx
Normal file
@@ -0,0 +1,67 @@
|
||||
"use client"
|
||||
|
||||
import { useRouter, useSearchParams } from "next/navigation"
|
||||
import { Suspense, useEffect, useRef } from "react"
|
||||
import { toast } from "sonner"
|
||||
|
||||
import { exchangeOIDCTicket } from "@/lib/api/auth"
|
||||
import { useI18n } from "@/i18n/provider"
|
||||
|
||||
export default function OIDCLoginCallbackPage() {
|
||||
return (
|
||||
<Suspense fallback={<OIDCLoginCallbackFallback />}>
|
||||
<OIDCLoginCallbackContent />
|
||||
</Suspense>
|
||||
)
|
||||
}
|
||||
|
||||
function OIDCLoginCallbackContent() {
|
||||
const t = useI18n()
|
||||
const router = useRouter()
|
||||
const searchParams = useSearchParams()
|
||||
const ranRef = useRef(false)
|
||||
|
||||
useEffect(() => {
|
||||
if (ranRef.current) {
|
||||
return
|
||||
}
|
||||
ranRef.current = true
|
||||
|
||||
const ticket = searchParams.get("ticket")?.trim() ?? ""
|
||||
const next = searchParams.get("next")
|
||||
const nextPath = next && next.startsWith("/") ? next : "/dashboard"
|
||||
|
||||
if (!ticket) {
|
||||
toast.error(t("auth.oidcMissingTicket"))
|
||||
router.replace("/dashboard/login")
|
||||
return
|
||||
}
|
||||
|
||||
void exchangeOIDCTicket(ticket)
|
||||
.then(() => {
|
||||
toast.success(t("auth.loginSuccess"))
|
||||
router.replace(nextPath)
|
||||
})
|
||||
.catch((error) => {
|
||||
toast.error(error instanceof Error ? error.message : t("auth.oidcFailed"))
|
||||
router.replace("/dashboard/login")
|
||||
})
|
||||
}, [router, searchParams, t])
|
||||
|
||||
return <OIDCLoginCallbackFallback />
|
||||
}
|
||||
|
||||
function OIDCLoginCallbackFallback() {
|
||||
const t = useI18n()
|
||||
|
||||
return (
|
||||
<div className="flex min-h-svh items-center justify-center bg-[linear-gradient(145deg,#fff7ed_0%,#ffffff_32%,#ecfeff_100%)] px-6">
|
||||
<div className="w-full max-w-md rounded-[28px] border border-white/70 bg-white/90 p-8 text-center shadow-[0_24px_80px_rgba(15,23,42,0.08)] backdrop-blur">
|
||||
<h1 className="text-2xl font-semibold tracking-tight">{t("auth.oidcSigningIn")}</h1>
|
||||
<p className="mt-3 text-sm text-muted-foreground">
|
||||
{t("auth.checkingTicket")}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user