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:
@@ -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 />
|
||||
|
||||
@@ -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.",
|
||||
|
||||
@@ -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.",
|
||||
|
||||
Reference in New Issue
Block a user