i18n: traducir toda la app (ES + EN) — páginas y componentes con texto hardcodeado
Se externaliza el texto español hardcodeado de ~55 archivos a next-intl y se añaden traducciones al inglés, con paridad de claves es/en. Nuevos namespaces: History, CharService, CharServiceB, Points, Legal, UI, Misc (+ altas en Common/Admin). - Historiales (PD/PV, transacciones, sanciones, seguridad), servicios de personaje (transfer, send-gift, quest, restore-*, change-*, customize, level-up, gold, rename), PD/pagos (d-points, trade, promo, transfer-dp, rename-guild, DPointsTabs), páginas legales (cookies, privacidad, términos, reembolsos, aviso legal, contacto), layout (cabecera, footer, cookies, 2FA, descargas, jugadores, recluta) y páginas varias (home, reino, ayuda, addons, 2falogin). - Textos con markup inline via t.rich; interpolación con ICU. - Componente <NoteLegend/> para la leyenda NOTA/NOTE compartida. - payLabel/confirmText de los servicios de pago traducidos. - Verificado: tsc OK, next build OK, todas las claves t() resuelven en es y en, todos los t.rich casan etiquetas, páginas 200 en /es/ y /en/ sin claves crudas. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -1,30 +1,27 @@
|
||||
'use client'
|
||||
|
||||
import { useState } from 'react'
|
||||
import { useTranslations } from 'next-intl'
|
||||
import { useRouter } from '@/i18n/navigation'
|
||||
|
||||
function transferError(error?: string): string {
|
||||
function transferErrorKey(error?: string): string {
|
||||
switch (error) {
|
||||
case 'missingFields':
|
||||
return 'Rellena el personaje de destino, la cantidad y el token de seguridad.'
|
||||
case 'invalidAmount':
|
||||
return 'La cantidad debe ser un número entero mayor que 0.'
|
||||
case 'invalidToken':
|
||||
return 'El token de seguridad no es válido.'
|
||||
case 'characterNotFound':
|
||||
return 'No existe ningún personaje con ese nombre.'
|
||||
case 'sameAccount':
|
||||
return 'No puedes transferirte PD a tu propia cuenta.'
|
||||
case 'insufficientFunds':
|
||||
return 'No tienes suficientes PD para realizar esta transferencia.'
|
||||
case 'notAuthenticated':
|
||||
return 'Tu sesión ha expirado. Inicia sesión de nuevo.'
|
||||
return error
|
||||
default:
|
||||
return 'No se pudo completar la transferencia. Inténtalo de nuevo.'
|
||||
return 'generic'
|
||||
}
|
||||
}
|
||||
|
||||
export function TransferDPointsForm({ balance }: { balance: number }) {
|
||||
const t = useTranslations('Points')
|
||||
const transferError = (error?: string) => t(`transferDp.errors.${transferErrorKey(error)}`)
|
||||
const router = useRouter()
|
||||
const [character, setCharacter] = useState('')
|
||||
const [amount, setAmount] = useState('')
|
||||
@@ -37,7 +34,7 @@ export function TransferDPointsForm({ balance }: { balance: number }) {
|
||||
<div className="centered">
|
||||
<br />
|
||||
<br />
|
||||
<span>No tienes PD</span>
|
||||
<span>{t('transferDp.noPd')}</span>
|
||||
<br />
|
||||
</div>
|
||||
)
|
||||
@@ -59,7 +56,7 @@ export function TransferDPointsForm({ balance }: { balance: number }) {
|
||||
setMessage({ ok: false, text: transferError('insufficientFunds') })
|
||||
return
|
||||
}
|
||||
if (!window.confirm(`Vas a transferir ${n} PD al personaje "${character.trim()}".\nEsta acción no es reversible. ¿Deseas continuar?`)) return
|
||||
if (!window.confirm(t('transferDp.confirm', { n, character: character.trim() }))) return
|
||||
|
||||
setBusy(true)
|
||||
setMessage(null)
|
||||
@@ -72,7 +69,7 @@ export function TransferDPointsForm({ balance }: { balance: number }) {
|
||||
})
|
||||
const data: { success?: boolean; error?: string } = await res.json()
|
||||
if (data.success) {
|
||||
setMessage({ ok: true, text: `Has transferido ${n} PD al personaje "${character.trim()}".` })
|
||||
setMessage({ ok: true, text: t('transferDp.success', { n, character: character.trim() }) })
|
||||
setCharacter('')
|
||||
setAmount('')
|
||||
setToken('')
|
||||
@@ -90,12 +87,12 @@ export function TransferDPointsForm({ balance }: { balance: number }) {
|
||||
return (
|
||||
<div className="centered">
|
||||
<br />
|
||||
<p className="yellow-info centered">Tienes {balance} PD disponibles</p>
|
||||
<p className="yellow-info centered">{t('transferDp.available', { balance })}</p>
|
||||
<br />
|
||||
<form onSubmit={handleSubmit} acceptCharset="utf-8">
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Nombre del personaje de destino"
|
||||
placeholder={t('transferDp.characterPlaceholder')}
|
||||
value={character}
|
||||
onChange={(e) => setCharacter(e.target.value)}
|
||||
required
|
||||
@@ -103,7 +100,7 @@ export function TransferDPointsForm({ balance }: { balance: number }) {
|
||||
<br />
|
||||
<input
|
||||
type="number"
|
||||
placeholder="Cantidad de PD"
|
||||
placeholder={t('transferDp.amountPlaceholder')}
|
||||
min="1"
|
||||
max={balance}
|
||||
step="1"
|
||||
@@ -114,7 +111,7 @@ export function TransferDPointsForm({ balance }: { balance: number }) {
|
||||
<br />
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Token de seguridad"
|
||||
placeholder={t('transferDp.tokenPlaceholder')}
|
||||
maxLength={6}
|
||||
value={token}
|
||||
onChange={(e) => setToken(e.target.value)}
|
||||
@@ -122,7 +119,7 @@ export function TransferDPointsForm({ balance }: { balance: number }) {
|
||||
/>
|
||||
<br />
|
||||
<button type="submit" className="transfer-button" disabled={busy}>
|
||||
{busy ? 'Transfiriendo…' : 'TRANSFERIR PD'}
|
||||
{busy ? t('transferDp.transferring') : t('transferDp.transferButton')}
|
||||
</button>
|
||||
</form>
|
||||
<hr />
|
||||
|
||||
Reference in New Issue
Block a user