Files
NightSpire/web-next/components/Pagination.tsx
T
Inna fa7897c195 Prefijos del tema nw- y uw- -> ns- (carpetas, ficheros, clases y rutas)
Renombrado completo de los prefijos heredados: 19 carpetas, 11 ficheros y 318
referencias en 35 ficheros de código, más las clases y las rutas url() de dentro
del CSS del tema. Se usa git mv para conservar el historial.

También fuera del código, que un sed no ve:
- BD: votesite.image_url (4 filas) apuntaba a /nw-themes/...
- Ficheros con la marca vieja en el NOMBRE: novawow-maintenance.webp ->
  nightspire-maintenance.webp (lo usa la página de mantenimiento) y
  store_novawow_response.js.

⚠ Alias en Caddy /nw-themes/* -> /ns-themes/*: los correos ENVIADOS antes del
rebranding llevan esas rutas escritas y están en las bandejas de los usuarios.
Sin el alias, sus imágenes se romperían. Verificado que las rutas viejas siguen
sirviendo 200.

Nota: ns-js/ y ns-js-handlers/ son CÓDIGO MUERTO (manejadores jQuery del portal
Django, que ya se borró). Se midió en el navegador: la web no pide ni un solo JS
del tema. Se renombran igualmente por consistencia, pero son candidatos a
borrarse.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-15 15:50:43 +00:00

64 lines
1.8 KiB
TypeScript

import { getTranslations } from 'next-intl/server'
import { Link } from '@/i18n/navigation'
/**
* Paginación por número de página. `hrefFor(p)` construye la ruta de cada página
* (p.ej. `/forum/5?page=2`). No renderiza nada si solo hay una página.
*/
export async function Pagination({
page,
totalPages,
hrefFor,
}: {
page: number
totalPages: number
hrefFor: (page: number) => string
}) {
if (totalPages <= 1) return null
const t = await getTranslations('Common')
// Ventana de páginas alrededor de la actual.
const from = Math.max(1, page - 2)
const to = Math.min(totalPages, page + 2)
const pages: number[] = []
for (let p = from; p <= to; p++) pages.push(p)
const cls = (active: boolean) => `ns-page-link${active ? ' ns-page-current' : ''}`
return (
<nav className="centered separate" aria-label="pagination">
{page > 1 && (
<Link href={hrefFor(page - 1)} className="ns-page-link">
{t('prev')}
</Link>
)}
{from > 1 && (
<>
<Link href={hrefFor(1)} className="ns-page-link">
1
</Link>
{from > 2 && <span className="third-brown"></span>}
</>
)}
{pages.map((p) => (
<Link key={p} href={hrefFor(p)} className={cls(p === page)} aria-current={p === page ? 'page' : undefined}>
{p}
</Link>
))}
{to < totalPages && (
<>
{to < totalPages - 1 && <span className="third-brown"></span>}
<Link href={hrefFor(totalPages)} className="ns-page-link">
{totalPages}
</Link>
</>
)}
{page < totalPages && (
<Link href={hrefFor(page + 1)} className="ns-page-link">
{t('next')}
</Link>
)}
</nav>
)
}