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 t = useTranslations('SecurityToken')
|
||||||
const [date, setDate] = useState(initialDate)
|
const [date, setDate] = useState(initialDate)
|
||||||
const [busy, setBusy] = useState(false)
|
const [busy, setBusy] = useState(false)
|
||||||
const [sent, setSent] = useState(false)
|
|
||||||
const [message, setMessage] = useState<{ ok: boolean; text: string } | null>(null)
|
const [message, setMessage] = useState<{ ok: boolean; text: string } | null>(null)
|
||||||
|
|
||||||
async function request(e: React.FormEvent) {
|
async function request(e: React.FormEvent) {
|
||||||
e.preventDefault()
|
e.preventDefault()
|
||||||
if (busy || sent) return
|
if (busy) return
|
||||||
setBusy(true)
|
setBusy(true)
|
||||||
setMessage(null)
|
setMessage(null)
|
||||||
try {
|
try {
|
||||||
@@ -30,7 +29,6 @@ export function SecurityTokenForm({ initialDate }: { initialDate: string | null
|
|||||||
const data: { success?: boolean; error?: string; tokenDate?: string } = await res.json()
|
const data: { success?: boolean; error?: string; tokenDate?: string } = await res.json()
|
||||||
if (data.success) {
|
if (data.success) {
|
||||||
setMessage({ ok: true, text: t('success') })
|
setMessage({ ok: true, text: t('success') })
|
||||||
setSent(true)
|
|
||||||
if (data.tokenDate) setDate(data.tokenDate)
|
if (data.tokenDate) setDate(data.tokenDate)
|
||||||
} else {
|
} else {
|
||||||
const key = (ERROR_KEYS as readonly string[]).includes(data.error ?? '') ? data.error! : 'genericError'
|
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>
|
<p><span className="yellow-info">{date ? formatDate(date) : t('never')}</span></p>
|
||||||
<br />
|
<br />
|
||||||
<form id="ns-sec-token-form" onSubmit={request} acceptCharset="utf-8">
|
<form id="ns-sec-token-form" onSubmit={request} acceptCharset="utf-8">
|
||||||
<button
|
{/* Solo se desactiva mientras se envía. NO se queda bloqueado tras un envío
|
||||||
className="sec-token-button"
|
correcto: si vuelves a pulsar dentro de los 7 días, el servidor responde
|
||||||
type="submit"
|
el aviso de espera, que es lo que hay que ver. */}
|
||||||
disabled={busy || sent}
|
<button className="sec-token-button" type="submit" disabled={busy}>
|
||||||
style={sent ? { color: '#d79602' } : undefined}
|
{busy ? t('requesting') : t('request')}
|
||||||
>
|
|
||||||
{sent ? t('sent') : busy ? t('requesting') : t('request')}
|
|
||||||
</button>
|
</button>
|
||||||
</form>
|
</form>
|
||||||
<br />
|
<br />
|
||||||
|
|||||||
@@ -391,7 +391,6 @@
|
|||||||
"never": "Not requested",
|
"never": "Not requested",
|
||||||
"request": "Request token",
|
"request": "Request token",
|
||||||
"requesting": "Requesting token",
|
"requesting": "Requesting token",
|
||||||
"sent": "Token sent",
|
|
||||||
"forgot": "I forgot the Security token",
|
"forgot": "I forgot the Security token",
|
||||||
"success": "The Security token has been sent to the account's email.",
|
"success": "The Security token has been sent to the account's email.",
|
||||||
"cooldown": "You can only request a new Security token every 7 days.",
|
"cooldown": "You can only request a new Security token every 7 days.",
|
||||||
|
|||||||
@@ -391,7 +391,6 @@
|
|||||||
"never": "Sin solicitar",
|
"never": "Sin solicitar",
|
||||||
"request": "Solicitar token",
|
"request": "Solicitar token",
|
||||||
"requesting": "Solicitando token",
|
"requesting": "Solicitando token",
|
||||||
"sent": "Token enviado",
|
|
||||||
"forgot": "He olvidado el Token de seguridad",
|
"forgot": "He olvidado el Token de seguridad",
|
||||||
"success": "Se ha enviado el Token de seguridad al correo de la cuenta.",
|
"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.",
|
"cooldown": "Sólo puedes solicitar un nuevo Token de seguridad cada 7 días.",
|
||||||
|
|||||||
Reference in New Issue
Block a user