fix: show telegram login without email auth

This commit is contained in:
3252a8
2026-05-29 23:09:49 +03:00
parent e27886e15d
commit 7e7a2e58a2
+55 -50
View File
@@ -45,7 +45,8 @@
let authPanelHeight = 0; let authPanelHeight = 0;
$: passwordModeActive = Boolean(passwordLoginMode && CFG.emailAuthEnabled !== false); $: emailAuthEnabled = CFG.emailAuthEnabled !== false;
$: passwordModeActive = Boolean(passwordLoginMode && emailAuthEnabled);
$: authCardHeight = authPanelHeight ? `${authPanelHeight}px` : undefined; $: authCardHeight = authPanelHeight ? `${authPanelHeight}px` : undefined;
</script> </script>
@@ -149,46 +150,48 @@
{authStatus} {authStatus}
</StatusMessage> </StatusMessage>
{/if} {/if}
{:else if CFG.emailAuthEnabled !== false} {:else}
<div class="auth-pane"> {#if emailAuthEnabled}
<div class="auth-email-stack"> <div class="auth-pane">
<div class="field-error-wrap"> <div class="auth-email-stack">
<Tooltip.Root open={Boolean(loginEmailFieldError) && loginEmailTooltipOpen}> <div class="field-error-wrap">
<Input <Tooltip.Root open={Boolean(loginEmailFieldError) && loginEmailTooltipOpen}>
bind:value={email} <Input
type="email" bind:value={email}
placeholder={t("wa_email_placeholder")} type="email"
autocomplete="email" placeholder={t("wa_email_placeholder")}
class={loginEmailFieldError ? "input-error" : ""} autocomplete="email"
on:keydown={submitEmailOnEnter} class={loginEmailFieldError ? "input-error" : ""}
on:input={clearLoginEmailError} on:keydown={submitEmailOnEnter}
/> on:input={clearLoginEmailError}
{#if loginEmailFieldError} />
<Tooltip.Trigger {#if loginEmailFieldError}
class="field-error-trigger" <Tooltip.Trigger
aria-label={loginEmailFieldError} class="field-error-trigger"
> aria-label={loginEmailFieldError}
<span class="field-error-icon" aria-hidden="true"
><TriangleAlert size={18} /></span
> >
</Tooltip.Trigger> <span class="field-error-icon" aria-hidden="true"
{/if} ><TriangleAlert size={18} /></span
{#if loginEmailFieldError} >
<Tooltip.Portal> </Tooltip.Trigger>
<Tooltip.Content class="field-error-tooltip" {/if}
>{loginEmailFieldError}</Tooltip.Content {#if loginEmailFieldError}
> <Tooltip.Portal>
</Tooltip.Portal> <Tooltip.Content class="field-error-tooltip"
{/if} >{loginEmailFieldError}</Tooltip.Content
</Tooltip.Root> >
</Tooltip.Portal>
{/if}
</Tooltip.Root>
</div>
<Button class="wide" onclick={requestEmailCode} disabled={authBusy}>
<Mail size={18} />
{t("wa_send_code_email")}
</Button>
</div> </div>
<Button class="wide" onclick={requestEmailCode} disabled={authBusy}>
<Mail size={18} />
{t("wa_send_code_email")}
</Button>
</div> </div>
</div> <div class="or-line"><span></span>{t("wa_or")}<span></span></div>
<div class="or-line"><span></span>{t("wa_or")}<span></span></div> {/if}
<div class="auth-pane"> <div class="auth-pane">
<Button <Button
variant="telegram" variant="telegram"
@@ -207,18 +210,20 @@
</span> </span>
</Button> </Button>
</div> </div>
<div class="password-switch-stack"> {#if emailAuthEnabled}
<div class="password-switch-divider" aria-hidden="true"></div> <div class="password-switch-stack">
<button <div class="password-switch-divider" aria-hidden="true"></div>
class="link-button password-switch-button" <button
type="button" class="link-button password-switch-button"
onclick={() => setPasswordLoginMode(true)} type="button"
disabled={authBusy} onclick={() => setPasswordLoginMode(true)}
> disabled={authBusy}
<LockKeyhole size={15} /> >
{t("wa_login_use_password")} <LockKeyhole size={15} />
</button> {t("wa_login_use_password")}
</div> </button>
</div>
{/if}
{#if !telegramLoginChecking && (authStatus || telegramLoginUnavailableMessage)} {#if !telegramLoginChecking && (authStatus || telegramLoginUnavailableMessage)}
<StatusMessage <StatusMessage
error={authIsError || Boolean(telegramLoginUnavailableMessage)} error={authIsError || Boolean(telegramLoginUnavailableMessage)}