Files
NightSpire/web-next/components/Header.tsx
T
Inna e743d98777 Foro (lectura): índice, temas y mensajes en Next.js
- lib/forum.ts: getForumIndex (categorías + foros visibles con contadores y último
  tema, port de forum/db.py), getForum/getTopics, getTopic/getPosts (acore_web).
- Páginas app/[locale]/forum (índice), /forum/[forumId] (temas), /forum/topic/[topicId]
  (mensajes; render del HTML ya saneado por Django). Enlace "Foros" en la cabecera.
- Catálogo Forum + Nav.forum.

Verificado: /forum 200, foros/temas inexistentes 404, enlace en la cabecera.
Solo lectura; pendiente escribir (crear tema/responder + saneado nh3->TS) y moderación.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-12 23:45:39 +00:00

51 lines
1.7 KiB
TypeScript

import { getTranslations } from 'next-intl/server'
import { Link } from '@/i18n/navigation'
import { getSession } from '@/lib/session'
import { LanguageSwitcher } from './LanguageSwitcher'
import { LogoutButton } from './LogoutButton'
export async function Header() {
const t = await getTranslations('Nav')
const session = await getSession()
const loggedIn = Boolean(session.username)
return (
<header className="border-b border-amber-900/50 bg-[#241812]">
<div className="mx-auto flex max-w-5xl items-center justify-between gap-4 px-4 py-3">
<Link href="/" className="text-xl font-bold tracking-wide text-amber-500">
Nova WoW
</Link>
<nav className="flex items-center gap-4 text-sm">
<Link href="/" className="text-amber-200 hover:text-amber-400">
{t('home')}
</Link>
<Link href="/forum" className="text-amber-200 hover:text-amber-400">
{t('forum')}
</Link>
{loggedIn ? (
<>
<Link href="/account" className="text-amber-200 hover:text-amber-400">
{t('account')}
</Link>
<LogoutButton />
</>
) : (
<>
<Link href="/login" className="text-amber-200 hover:text-amber-400">
{t('login')}
</Link>
<Link
href="/register"
className="rounded bg-amber-600 px-3 py-1 font-semibold text-[#1b120b] hover:bg-amber-500"
>
{t('register')}
</Link>
</>
)}
<LanguageSwitcher />
</nav>
</div>
</header>
)
}