Inna
6f52d325a6
Sitios de voto: los 4 apuntaban a las fichas de UltimoWoW en los rankings con SUS ids (Gtop100 94649, pingUsername 91402, etc.). No era cosmética: cada voto de nuestros jugadores subía a UltimoWoW en el ranking. Se cambian nombre e ids por un 236588 de relleno, así el enlace deja de acreditar a otro servidor. Las fichas reales de NightSpire están por crear; entonces habrá que poner sus ids. Nota legal: decía "Error 404 es la empresa que representa el servicio", heredado de ultimowow. Al renombrar la marca pasaba a afirmar que una empresa ajena representa a NightSpire, lo cual es falso. Se quita la empresa en ES y EN. Prefijo uw- (de UltimoWoW) -> ns-: 100 identificadores en 11 ficheros (clases CSS, ids de formulario, eventos y la cookie de consentimiento, que pasa a ns_cookie_consent; a los usuarios les reaparecerá el aviso una vez). Se comprobó antes que el CSS del tema no define ninguna clase uw-, así que no rompe estilos. btn-ns-form y ns-cookie-btn-customize se usan sin estar definidas, pero ya era así antes del cambio: eran clases muertas. Repo de Gitea renombrado Inna/NovaWoW -> Inna/NightSpire (era la marca vieja más visible de /changelogs, que forma la URL de cada commit). Gitea redirige la URL antigua con 301. Se actualizan el remoto y lib/changelog.ts. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
77 lines
2.7 KiB
TypeScript
77 lines
2.7 KiB
TypeScript
'use client'
|
|
|
|
import { useState } from 'react'
|
|
import { useTranslations } from 'next-intl'
|
|
import { Link } from '@/i18n/navigation'
|
|
|
|
const ERROR_KEYS = ['cooldown', 'noEmail'] as const
|
|
|
|
/** Formatea una fecha ISO como "HH:MM:SS DD-MM-YYYY" (igual que el diseño original). */
|
|
function formatDate(iso: string): string {
|
|
const d = new Date(iso)
|
|
const p = (n: number) => String(n).padStart(2, '0')
|
|
return `${p(d.getHours())}:${p(d.getMinutes())}:${p(d.getSeconds())} ${p(d.getDate())}-${p(d.getMonth() + 1)}-${d.getFullYear()}`
|
|
}
|
|
|
|
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
|
|
setBusy(true)
|
|
setMessage(null)
|
|
try {
|
|
const res = await fetch('/api/account/security-token', { method: 'POST', credentials: 'same-origin' })
|
|
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'
|
|
setMessage({ ok: false, text: t(key) })
|
|
// Como el original: el mensaje de error desaparece tras 5 s.
|
|
setTimeout(() => setMessage(null), 5000)
|
|
}
|
|
} catch {
|
|
setMessage({ ok: false, text: t('genericError') })
|
|
setTimeout(() => setMessage(null), 5000)
|
|
} finally {
|
|
setBusy(false)
|
|
}
|
|
}
|
|
|
|
return (
|
|
<div className="centered">
|
|
<br />
|
|
<br />
|
|
<p>{t('requestDateLabel')}</p>
|
|
<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')}
|
|
</button>
|
|
</form>
|
|
<br />
|
|
<hr />
|
|
<div className="alert-message" id="sec-token-response" style={{ display: message ? 'block' : 'none' }}>
|
|
{message && <span className={message.ok ? 'ok-form-response' : 'red-form-response'}>{message.text}</span>}
|
|
</div>
|
|
<br />
|
|
<p><Link href="/recover">{t('forgot')}</Link></p>
|
|
<br />
|
|
</div>
|
|
)
|
|
}
|