b4613e26f3
backend-lehrer (10 files): - game/database.py (785 → 5), correction_api.py (683 → 4) - classroom_engine/antizipation.py (676 → 5) - llm_gateway schools/edu_search already done in prior batch klausur-service (12 files): - orientation_crop_api.py (694 → 5), pdf_export.py (677 → 4) - zeugnis_crawler.py (676 → 5), grid_editor_api.py (671 → 5) - eh_templates.py (658 → 5), mail/api.py (651 → 5) - qdrant_service.py (638 → 5), training_api.py (625 → 4) website (6 pages): - middleware (696 → 8), mail (733 → 6), consent (628 → 8) - compliance/risks (622 → 5), export (502 → 5), brandbook (629 → 7) studio-v2 (3 components): - B2BMigrationWizard (848 → 3), CleanupPanel (765 → 2) - dashboard-experimental (739 → 2) admin-lehrer (4 files): - uebersetzungen (769 → 4), manager (670 → 2) - ChunkBrowserQA (675 → 6), dsfa/page (674 → 5) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
63 lines
1.9 KiB
TypeScript
63 lines
1.9 KiB
TypeScript
'use client'
|
|
|
|
/**
|
|
* Brandbook - Corporate Design & Styleguide
|
|
*
|
|
* Dokumentiert alle Designelemente:
|
|
* - Farben
|
|
* - Typografie
|
|
* - Komponenten
|
|
* - Logo-Verwendung
|
|
* - Tonalität
|
|
*/
|
|
|
|
import { useState } from 'react'
|
|
import AdminLayout from '@/components/admin/AdminLayout'
|
|
import type { BrandbookTab } from './_components/types'
|
|
import ColorsTab from './_components/ColorsTab'
|
|
import TypographyTab from './_components/TypographyTab'
|
|
import ComponentsTab from './_components/ComponentsTab'
|
|
import LogoTab from './_components/LogoTab'
|
|
import VoiceTab from './_components/VoiceTab'
|
|
|
|
const TABS: { id: BrandbookTab; label: string }[] = [
|
|
{ id: 'colors', label: 'Farben' },
|
|
{ id: 'typography', label: 'Typografie' },
|
|
{ id: 'components', label: 'Komponenten' },
|
|
{ id: 'logo', label: 'Logo' },
|
|
{ id: 'voice', label: 'Tonalität' },
|
|
]
|
|
|
|
export default function BrandbookPage() {
|
|
const [activeTab, setActiveTab] = useState<BrandbookTab>('colors')
|
|
|
|
return (
|
|
<AdminLayout title="Brandbook" description="Corporate Design & Styleguide">
|
|
{/* Tabs */}
|
|
<div className="mb-6">
|
|
<div className="flex gap-1 bg-slate-100 p-1 rounded-lg w-fit">
|
|
{TABS.map((tab) => (
|
|
<button
|
|
key={tab.id}
|
|
onClick={() => setActiveTab(tab.id)}
|
|
className={`px-4 py-2 text-sm font-medium rounded-md transition-colors ${
|
|
activeTab === tab.id
|
|
? 'bg-white text-slate-900 shadow-sm'
|
|
: 'text-slate-600 hover:text-slate-900'
|
|
}`}
|
|
>
|
|
{tab.label}
|
|
</button>
|
|
))}
|
|
</div>
|
|
</div>
|
|
|
|
{activeTab === 'colors' && <ColorsTab />}
|
|
{activeTab === 'typography' && <TypographyTab />}
|
|
{activeTab === 'components' && <ComponentsTab />}
|
|
{activeTab === 'logo' && <LogoTab />}
|
|
{activeTab === 'voice' && <VoiceTab />}
|
|
</AdminLayout>
|
|
)
|
|
}
|