Nicolas Cantu
d3cae85b3d
- Update /presentation page to use dark theme (PageHeader, Footer, bg-cyber-darker) - Add LanguageSelector component to PageHeader for all pages - Update AuthorPresentationEditor to use dark theme styling - Update ArticleField and ArticleFormButtons to use dark theme - Add locale persistence in localStorage - Update _app.tsx to load saved locale from localStorage - All pages now support FR/EN language switching
27 lines
1.0 KiB
TypeScript
27 lines
1.0 KiB
TypeScript
import Link from 'next/link'
|
|
import { ConditionalPublishButton } from './ConditionalPublishButton'
|
|
import { LanguageSelector } from './LanguageSelector'
|
|
import { t } from '@/lib/i18n'
|
|
|
|
export function PageHeader() {
|
|
return (
|
|
<header className="bg-cyber-dark border-b border-neon-cyan/30 shadow-glow-cyan">
|
|
<div className="max-w-4xl mx-auto px-4 py-4 flex justify-between items-center">
|
|
<Link href="/" className="text-2xl font-bold text-neon-cyan text-glow-cyan font-mono hover:text-neon-green transition-colors">
|
|
{t('home.title')}
|
|
</Link>
|
|
<div className="flex items-center gap-4">
|
|
<LanguageSelector />
|
|
<Link
|
|
href="/docs"
|
|
className="px-4 py-2 text-cyber-accent hover:text-neon-cyan text-sm font-medium transition-colors border border-cyber-accent/30 hover:border-neon-cyan/50 rounded hover:shadow-glow-cyan"
|
|
>
|
|
{t('nav.documentation')}
|
|
</Link>
|
|
<ConditionalPublishButton />
|
|
</div>
|
|
</div>
|
|
</header>
|
|
)
|
|
}
|