Files
NightSpire/web-next/app/[locale]/gold-character/page.tsx
T
Inna 651d8deafc 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>
2026-07-14 18:58:54 +00:00

76 lines
2.4 KiB
TypeScript

import type { Metadata } from 'next'
import { getTranslations, setRequestLocale } from 'next-intl/server'
import { redirect } from '@/i18n/navigation'
import { getSession } from '@/lib/session'
import { getGameCharacters } from '@/lib/characters'
import { getGoldOptions } from '@/lib/prices'
import { PageShell } from '@/components/PageShell'
import { ServiceBox } from '@/components/ServiceBox'
import { GoldForm } from '@/components/GoldForm'
export const dynamic = 'force-dynamic'
export const metadata: Metadata = { title: 'Adquirir oro' }
const GOLD_ICON = '/nw-themes/nw-ryu/nw-images/nw-icons/money-gold.gif'
export default async function GoldCharacterPage({ params }: { params: Promise<{ locale: string }> }) {
const { locale } = await params
setRequestLocale(locale)
const session = await getSession()
if (!session.bnetId) redirect({ href: '/login', locale })
if (!session.username) redirect({ href: '/select-account', locale })
const [chars, options] = await Promise.all([getGameCharacters(session.accountId!), getGoldOptions()])
const t = await getTranslations('CharServiceB.gold')
return (
<PageShell title="Adquirir oro">
<ServiceBox>
<br />
<p>{t.rich('intro', { s: (c) => <span>{c}</span> })}</p>
<br />
<p>{t('instructions')}</p>
<p>{t('mailInfo')}</p>
<br />
<fieldset>
<legend>{t('noteLegend')}</legend>
<div className="separate2">
<p>{t('noteConfirm')}</p>
</div>
</fieldset>
<div className="centered">
<br />
<br />
<p>{t('requiresLabel')}</p>
<table className="gold-table">
<tbody>
{options.map((o) => (
<tr key={o.gold_amount}>
<td>
<span>
{o.gold_amount}
{/* eslint-disable-next-line @next/next/no-img-element */}
<img src={GOLD_ICON} width="10" alt="oro" /> =
</span>
</td>
<td>
<span>{o.price}</span>
<span className="yellow-info"> </span>
</td>
</tr>
))}
</tbody>
</table>
<br />
</div>
<GoldForm characters={chars.map((c) => ({ name: c.name, classCss: c.classCss }))} options={options} />
</ServiceBox>
</PageShell>
)
}