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:
2026-07-14 18:58:54 +00:00
parent e457a43f05
commit 651d8deafc
57 changed files with 3516 additions and 1190 deletions
+56 -57
View File
@@ -1,5 +1,5 @@
import type { Metadata } from 'next'
import { setRequestLocale } from 'next-intl/server'
import { getTranslations, setRequestLocale } from 'next-intl/server'
import { getRealmName } from '@/lib/realm'
export const metadata: Metadata = { title: 'Ayuda' }
@@ -9,6 +9,7 @@ export const dynamic = 'force-dynamic'
export default async function HelpPage({ params }: { params: Promise<{ locale: string }> }) {
const { locale } = await params
setRequestLocale(locale)
const t = await getTranslations('Misc')
const realm = await getRealmName()
return (
@@ -16,80 +17,78 @@ export default async function HelpPage({ params }: { params: Promise<{ locale: s
<div className="middle-content">
<div className="body-content">
<div className="title-content">
<h1>Ayuda</h1>
<h1>{t('help.title')}</h1>
</div>
<div className="box-content">
<div className="title-box-content">
<h2>Guía de asistencia</h2>
<h2>{t('help.subtitle')}</h2>
</div>
<div className="body-box-content justified">
<p>En esta guía podrás saber qué pasos seguir para obtener asistencia adecuada dependiendo del tipo de problema que hayas encontrado en nuestro servidor.</p>
<p>Ofrecemos un conjunto de problemas comunes, qué medios utilizar para cada caso y una explicación de cada medio de contacto.</p>
<p>Los diferentes medios para cada problema se listan desde el más ideal hasta la última opción.</p>
<p>{t('help.intro1')}</p>
<p>{t('help.intro2')}</p>
<p>{t('help.intro3')}</p>
<br />
<span>Con el cliente</span>
<p>Problemas que impiden arrancar el cliente, conectar al servidor o errores que provocan el cierre abrupto del cliente.</p>
<p>Los medios son:</p>
<p>- Foros</p>
<p>- Discord</p>
<span>{t('help.clientTitle')}</span>
<p>{t('help.clientText')}</p>
<p>{t('help.mediaAre')}</p>
<p>{t('help.mediaForos')}</p>
<p>{t('help.mediaDiscord')}</p>
<br />
<span>Con errores del servidor</span>
<p>Problemas relacionados a errores que deben ser reparados por nuestro equipo de reparación para mejorar el servidor.</p>
<p>Los medios son:</p>
<p>- Foros</p>
<span>{t('help.serverErrorsTitle')}</span>
<p>{t('help.serverErrorsText')}</p>
<p>{t('help.mediaAre')}</p>
<p>{t('help.mediaForos')}</p>
<br />
<span>Con el personaje</span>
<p>Problemas relacionados a errores que puedan afectar al personaje, habilidades, hechizos, misiones, etc.</p>
<p>Los medios son:</p>
<p>- Ticket</p>
<p>- Discord</p>
<span>{t('help.characterTitle')}</span>
<p>{t('help.characterText')}</p>
<p>{t('help.mediaAre')}</p>
<p>{t('help.mediaTicket')}</p>
<p>{t('help.mediaDiscord')}</p>
<br />
<span>Con otro jugador</span>
<p>Problemas relacionados a otros usuarios cometiendo faltas a las normas del servidor.</p>
<p>Este tipo de problemas requieren de una denuncia con las pruebas correspondientes de lo que haya sucedido.</p>
<p>Los medios son:</p>
<p>- Foros</p>
<span>{t('help.otherPlayerTitle')}</span>
<p>{t('help.otherPlayerText1')}</p>
<p>{t('help.otherPlayerText2')}</p>
<p>{t('help.mediaAre')}</p>
<p>{t('help.mediaForos')}</p>
<br />
<span>Con bloqueos de cuenta</span>
<p>Problemas relacionados a bloqueos de cuenta realizados por el equipo de {realm}.</p>
<p>Los medios son:</p>
<p>- Foros</p>
<span>{t('help.accountBlocksTitle')}</span>
<p>{t('help.accountBlocksText', { realm })}</p>
<p>{t('help.mediaAre')}</p>
<p>{t('help.mediaForos')}</p>
<br />
<span>Con la página web</span>
<p>Problemas relacionados a errores, fallas o sugerencias respecto de este sitio web.</p>
<p>Los medios son:</p>
<p>- Correo a <a href="mailto:ryuzaki@ultimowow.com">ryuzaki@ultimowow.com</a></p>
<span>{t('help.websiteTitle')}</span>
<p>{t('help.websiteText')}</p>
<p>{t('help.mailTo')} <a href="mailto:ryuzaki@ultimowow.com">ryuzaki@ultimowow.com</a></p>
<br />
<span>Con PD</span>
<p>Problemas relacionados a PD o PV.</p>
<p>Los medios son:</p>
<p>- Correo a <a href="mailto:contacto@ultimowow.com">contacto@ultimowow.com</a></p>
<span>{t('help.pdTitle')}</span>
<p>{t('help.pdText')}</p>
<p>{t('help.mailTo')} <a href="mailto:contacto@ultimowow.com">contacto@ultimowow.com</a></p>
<br />
<fieldset>
<legend>Medios de contacto</legend>
<legend>{t('help.contactMeans')}</legend>
<div className="separate2">
<span>Ticket</span>
<p>Para colocar un ticket, debes hacer click al signo de interrogación rojo en la parte inferior derecha de la interfaz del cliente (a la izquierda del llavero del personaje).</p>
<p>Al hacerle click, aparecerá una ventana en el medio de la pantalla.</p>
<p>En dicha ventana, hacer click al primer botón en la esquina inferior izquierda llamado &apos;Hablar con un MJ&apos;</p>
<p>Aparecerá una ventana con un texto informativo y debajo en medio, un botón llamado &apos;Abrir una consulta&apos;.</p>
<p>Al darle click al botón, aparecerá un campo de texto en el que puedes describir tu problema</p>
<p>Cuando hayas finalizado haz click en el botón en el primer botón en la esquina inferior derecha llamado &apos;Enviar&apos;.</p>
<p>El ticket ya ha sido creado y está pendiente de respuesta de un miembro del equipo.</p>
<span>{t('help.ticketTitle')}</span>
<p>{t('help.ticket1')}</p>
<p>{t('help.ticket2')}</p>
<p>{t('help.ticket3')}</p>
<p>{t('help.ticket4')}</p>
<p>{t('help.ticket5')}</p>
<p>{t('help.ticket6')}</p>
<p>{t('help.ticket7')}</p>
<br />
<span>Discord</span>
<p>Discord es una plataforma de chat y comunicación por voz que puede descargarse <a href="https://discordapp.com/" target="_blank" rel="noopener noreferrer">aquí</a>.</p>
<p>Para entrar en el servidor de Discord de nuestro servidor, haz click <a href="https://discord.ultimowow.com" target="_blank" rel="noopener noreferrer">aquí</a>.</p>
<p>Una vez que seas miembro de nuestro Discord podrás pedir ayuda en el canal &apos;Asistencia&apos; o enviar un mensaje directo a cualquier miembro del equipo solicitando ayuda.</p>
<span>{t('help.discordTitle')}</span>
<p>{t.rich('help.discord1', { link: (c) => <a href="https://discordapp.com/" target="_blank" rel="noopener noreferrer">{c}</a> })}</p>
<p>{t.rich('help.discord2', { link: (c) => <a href="https://discord.ultimowow.com" target="_blank" rel="noopener noreferrer">{c}</a> })}</p>
<p>{t('help.discord3')}</p>
<br />
<span>Foros</span>
<p>Los foros son una gran herramienta en donde no sólo puede ayudarte el equipo de {realm} sino que además otros jugadores pueden asistirte si conocen cómo resolver el problema que tengas.</p>
<p>Para solicitar ayuda por este medio, debes tener un usuario con el cual poder conectar y abrir un nuevo tema en el foro adecuado.</p>
<p>Puedes visitar nuestros foros <a href="https://foro.ultimowow.com/" target="_blank" rel="noopener noreferrer">aquí</a>.</p>
<span>{t('help.forosTitle')}</span>
<p>{t('help.foros1', { realm })}</p>
<p>{t('help.foros2')}</p>
<p>{t.rich('help.foros3', { link: (c) => <a href="https://foro.ultimowow.com/" target="_blank" rel="noopener noreferrer">{c}</a> })}</p>
<br />
<span>Correo electrónico</span>
<p>El servidor tiene diferentes direcciones de correo dedicados a diferentes temas del servidor.</p>
<p>Depende cual sea tu problema, usa el adecuado para enviarnos un mensaje de correo.</p>
<span>{t('help.emailTitle')}</span>
<p>{t('help.email1')}</p>
<p>{t('help.email2')}</p>
</div>
</fieldset>
</div>