fix(auth): simplify registration navigation

This commit is contained in:
Jesse_Chen
2026-07-27 17:41:03 +08:00
parent ab2944f7fa
commit 88060f20d7
3 changed files with 24 additions and 1 deletions
+13 -1
View File
@@ -51,6 +51,10 @@ export function EmailOtpLogin({
const [notice, setNotice] = useState("");
const canUsePassword = provider === "self-hosted" && passwordEnabled;
const showLoginNavigation =
canUsePassword && (mode === "otp" || mode === "password");
const showBackToLogin =
canUsePassword && (mode === "register" || mode === "forgot");
function chooseMode(nextMode: AuthMode, nextNotice = "") {
setMode(nextMode);
@@ -257,7 +261,7 @@ export function EmailOtpLogin({
<h1 id="login-title">{title}</h1>
<p className="page-intro">{intro}</p>
{canUsePassword && (
{showLoginNavigation && (
<nav className="auth-mode-nav" aria-label="登录方式">
<div className="auth-mode-tabs">
<button
@@ -286,6 +290,14 @@ export function EmailOtpLogin({
</nav>
)}
{showBackToLogin && (
<nav className="auth-links" aria-label="返回登录">
<button type="button" onClick={() => chooseMode("otp")}>
</button>
</nav>
)}
{mode === "password" && step === "email" ? (
<form
key="password-login"