El botón de solicitar token deja de quedarse bloqueado en «Token enviado»

Tras un envío correcto se ponía `sent` y el botón quedaba desactivado para
siempre: no volvía a «Solicitar token» y, sobre todo, ya no podías pulsarlo para
ver el aviso de «cada 7 días», que es la respuesta que hay que ver. Había que
recargar la página para recuperarlo.

Ese bloqueo no venía del original: la versión anterior (isla React) tenía
`disabled={busy}` y nada más. Se vuelve a eso. La clave `sent` («Token enviado»)
queda sin uso y se borra de ES/EN.

Verificado en producción: dos POST seguidos responden el cooldown, en vez de que
el segundo fuera inalcanzable.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-07-15 18:29:24 +00:00
parent 61ca63a55f
commit 653f7f0a07
3 changed files with 6 additions and 12 deletions
@@ -17,12 +17,11 @@ export function SecurityTokenForm({ initialDate }: { initialDate: string | null
const t = useTranslations('SecurityToken')
const [date, setDate] = useState(initialDate)
const [busy, setBusy] = useState(false)
const [sent, setSent] = useState(false)
const [message, setMessage] = useState<{ ok: boolean; text: string } | null>(null)
async function request(e: React.FormEvent) {
e.preventDefault()
if (busy || sent) return
if (busy) return
setBusy(true)
setMessage(null)
try {
@@ -30,7 +29,6 @@ export function SecurityTokenForm({ initialDate }: { initialDate: string | null
const data: { success?: boolean; error?: string; tokenDate?: string } = await res.json()
if (data.success) {
setMessage({ ok: true, text: t('success') })
setSent(true)
if (data.tokenDate) setDate(data.tokenDate)
} else {
const key = (ERROR_KEYS as readonly string[]).includes(data.error ?? '') ? data.error! : 'genericError'
@@ -54,13 +52,11 @@ export function SecurityTokenForm({ initialDate }: { initialDate: string | null
<p><span className="yellow-info">{date ? formatDate(date) : t('never')}</span></p>
<br />
<form id="ns-sec-token-form" onSubmit={request} acceptCharset="utf-8">
<button
className="sec-token-button"
type="submit"
disabled={busy || sent}
style={sent ? { color: '#d79602' } : undefined}
>
{sent ? t('sent') : busy ? t('requesting') : t('request')}
{/* Solo se desactiva mientras se envía. NO se queda bloqueado tras un envío
correcto: si vuelves a pulsar dentro de los 7 días, el servidor responde
el aviso de espera, que es lo que hay que ver. */}
<button className="sec-token-button" type="submit" disabled={busy}>
{busy ? t('requesting') : t('request')}
</button>
</form>
<br />
-1
View File
@@ -391,7 +391,6 @@
"never": "Not requested",
"request": "Request token",
"requesting": "Requesting token",
"sent": "Token sent",
"forgot": "I forgot the Security token",
"success": "The Security token has been sent to the account's email.",
"cooldown": "You can only request a new Security token every 7 days.",
-1
View File
@@ -391,7 +391,6 @@
"never": "Sin solicitar",
"request": "Solicitar token",
"requesting": "Solicitando token",
"sent": "Token enviado",
"forgot": "He olvidado el Token de seguridad",
"success": "Se ha enviado el Token de seguridad al correo de la cuenta.",
"cooldown": "Sólo puedes solicitar un nuevo Token de seguridad cada 7 días.",