web: páginas de enlace caducado y mantenimiento (las que faltaban vs Django)

Réplica de los partials `expired_link.html` y `maintenance.html`, con las clases
del tema. Con esto web-next ya tiene todo lo que tiene Django: las demás rutas
que faltaban eran los *-success/*-cancel por servicio, que aquí sustituye el
/service-success unificado, y novawow-realm/players, que los sirve la ruta
dinámica [realm].

Dos erratas del original que NO se copian:
- "Enlace Expirado" enseñaba un «No hay códigos de promoción disponibles» que es
  de otra página.
- Su botón "Solicitar nuevo cambio de correo" enlazaba a `expired-link`, o sea a
  sí misma. Aquí va a /change-email, que es lo que pretendía.

Verificado: /es/ y /en/ de las dos dan 200 (Django también), la imagen de
mantenimiento carga y cabe (437x371, sin desbordar), y el botón apunta a
/es/change-email.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-07-15 13:07:17 +00:00
parent 25ced0c2f6
commit c4f951561f
4 changed files with 114 additions and 0 deletions
@@ -0,0 +1,43 @@
import type { Metadata } from 'next'
import { getTranslations, setRequestLocale } from 'next-intl/server'
import { Link } from '@/i18n/navigation'
import { PageShell } from '@/components/PageShell'
import { ServiceBox } from '@/components/ServiceBox'
export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
const { locale } = await params
const t = await getTranslations({ locale, namespace: 'Misc' })
return { title: t('expiredLink.pageTitle') }
}
/**
* Enlace caducado — réplica del partial Django `partials/expired_link.html`,
* al que se llega desde los correos de confirmación (cambio de correo, alta…).
*
* Con dos erratas del original SIN copiar: tenía un «No hay códigos de promoción
* disponibles» de otra página, y el botón "Solicitar nuevo cambio de correo"
* enlazaba a `expired-link`, o sea a sí misma. Aquí lleva a /change-email, que
* es lo que pretendía.
*/
export default async function ExpiredLinkPage({ params }: { params: Promise<{ locale: string }> }) {
const { locale } = await params
setRequestLocale(locale)
const t = await getTranslations('Misc')
return (
<PageShell title={t('expiredLink.pageTitle')}>
<ServiceBox heading={t('expiredLink.pageTitle')}>
<div className="centered">
<br />
<div className="alert-message">
<span className="red-form-response">{t('expiredLink.message')}</span>
</div>
<br />
<Link className="back-to-account" href="/change-email">
{t('expiredLink.requestNew')}
</Link>
</div>
</ServiceBox>
</PageShell>
)
}
@@ -0,0 +1,49 @@
import type { Metadata } from 'next'
import { getTranslations, setRequestLocale } from 'next-intl/server'
export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
const { locale } = await params
const t = await getTranslations({ locale, namespace: 'Misc' })
return { title: t('maintenance.pageTitle') }
}
/** Mantenimiento — réplica del partial Django `partials/maintenance.html`. */
export default async function MaintenancePage({ params }: { params: Promise<{ locale: string }> }) {
const { locale } = await params
setRequestLocale(locale)
const t = await getTranslations('Misc')
return (
<div className="main-page">
<div className="middle-content">
<div className="body-content">
<div className="title-content">
<h1>{t('maintenance.pageTitle')}</h1>
</div>
<div className="box-content">
<div className="body-box-content centered">
<p>{t('maintenance.line1')}</p>
<p>{t('maintenance.line2')}</p>
<br />
<p>
{t.rich('maintenance.discord', {
link: (c) => (
<a href="https://discord.gg/novawow" target="_blank" rel="noopener noreferrer">
{c}
</a>
),
})}
</p>
{/* eslint-disable-next-line @next/next/no-img-element */}
<img
src="/nw-themes/nw-ryu/nw-images/nw-general/novawow-maintenance.webp"
width={437}
alt={t('maintenance.pageTitle')}
/>
</div>
</div>
</div>
</div>
</div>
)
}
+11
View File
@@ -1373,6 +1373,17 @@
"contentType": "Content type",
"media": "Media"
},
"expiredLink": {
"pageTitle": "Expired Link",
"message": "Sorry, the link you used has expired or is not valid.",
"requestNew": "Request a new email change"
},
"maintenance": {
"pageTitle": "Maintenance",
"line1": "Our website is currently under maintenance to improve our users experience.",
"line2": "We appreciate your patience and understanding.",
"discord": "To stay informed about the maintenance status and get real-time updates, join our <link>Discord</link> server."
},
"downloadAddons": {
"title": "Addon download",
"recommended": "Recommended addons",
+11
View File
@@ -1373,6 +1373,17 @@
"contentType": "Tipo de contenido",
"media": "Medios"
},
"expiredLink": {
"pageTitle": "Enlace Expirado",
"message": "Lo sentimos, el enlace que ha utilizado ha expirado o no es válido.",
"requestNew": "Solicitar nuevo cambio de correo"
},
"maintenance": {
"pageTitle": "Mantenimiento",
"line1": "Nuestro sitio web está actualmente en mantenimiento para mejorar la experiencia de nuestros usuarios.",
"line2": "Agradecemos su paciencia y comprensión.",
"discord": "Para mantenerse informados sobre el estado del mantenimiento y recibir actualizaciones en tiempo real, únanse a nuestro servidor de <link>Discord</link>."
},
"downloadAddons": {
"title": "Descarga de addons",
"recommended": "Addons recomendados",