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,28 +1,26 @@
|
||||
'use client'
|
||||
|
||||
import { useState } from 'react'
|
||||
import { useTranslations } from 'next-intl'
|
||||
import { useRouter } from '@/i18n/navigation'
|
||||
|
||||
function promoError(error?: string): string {
|
||||
function promoErrorKey(error?: string): string {
|
||||
switch (error) {
|
||||
case 'missingCode':
|
||||
return 'Escribe un código de promoción.'
|
||||
case 'notFound':
|
||||
return 'El código no existe o ya no está disponible.'
|
||||
case 'expired':
|
||||
return 'Este código ha caducado.'
|
||||
case 'exhausted':
|
||||
return 'Este código ya ha alcanzado su límite de usos.'
|
||||
case 'alreadyUsed':
|
||||
return 'Ya has canjeado este código.'
|
||||
case 'notAuthenticated':
|
||||
return 'Tu sesión ha expirado. Inicia sesión de nuevo.'
|
||||
return error
|
||||
default:
|
||||
return 'No se pudo canjear el código. Inténtalo de nuevo.'
|
||||
return 'generic'
|
||||
}
|
||||
}
|
||||
|
||||
export function PromoCodeForm() {
|
||||
const t = useTranslations('Points')
|
||||
const promoError = (error?: string) => t(`promo.errors.${promoErrorKey(error)}`)
|
||||
const router = useRouter()
|
||||
const [code, setCode] = useState('')
|
||||
const [busy, setBusy] = useState(false)
|
||||
@@ -43,10 +41,10 @@ export function PromoCodeForm() {
|
||||
const data: { success?: boolean; error?: string; pd?: number; pv?: number } = await res.json()
|
||||
if (data.success) {
|
||||
const parts: string[] = []
|
||||
if (data.pd) parts.push(`${data.pd} PD`)
|
||||
if (data.pv) parts.push(`${data.pv} PV`)
|
||||
const reward = parts.length ? parts.join(' y ') : 'la recompensa'
|
||||
setMessage({ ok: true, text: `¡Código canjeado! Has recibido ${reward}.` })
|
||||
if (data.pd) parts.push(t('promo.rewardPd', { pd: data.pd }))
|
||||
if (data.pv) parts.push(t('promo.rewardPv', { pv: data.pv }))
|
||||
const reward = parts.length ? parts.join(` ${t('promo.and')} `) : t('promo.rewardDefault')
|
||||
setMessage({ ok: true, text: t('promo.success', { reward }) })
|
||||
setCode('')
|
||||
router.refresh()
|
||||
} else {
|
||||
@@ -66,14 +64,14 @@ export function PromoCodeForm() {
|
||||
<input
|
||||
type="text"
|
||||
maxLength={64}
|
||||
placeholder="Escribe tu código de promoción"
|
||||
placeholder={t('promo.placeholder')}
|
||||
value={code}
|
||||
onChange={(e) => setCode(e.target.value)}
|
||||
required
|
||||
/>
|
||||
<br />
|
||||
<button type="submit" className="dnt-button" disabled={busy || !code.trim()}>
|
||||
{busy ? 'Canjeando…' : 'CANJEAR CÓDIGO'}
|
||||
{busy ? t('promo.redeeming') : t('promo.redeemButton')}
|
||||
</button>
|
||||
</form>
|
||||
<hr />
|
||||
|
||||
Reference in New Issue
Block a user