fca42db4d2
- PRD: vollständige Produktspezifikation (5 Module, Scope, Akzeptanzkriterien) - ARCHITECTURE: Tech Stack, Ordnerstruktur, Multi-Tenancy, Push, Kosten - DATABASE_SCHEMA: Vollständiges SQL-Schema mit RLS Policies und Views - USER_STORIES: 40+ Stories nach Rolle (Admin, Mitglied, Azubi, Obermeister) - PERSONAS: 5 detaillierte Nutzerprofile mit Alltag, Zitaten und Erwartungen - BUSINESS_MODEL: Preistabellen, Unit Economics, Revenue-Projektionen, Distribution - ROADMAP: 6 Phasen, Sprint-Planung, Meilensteine und KPIs - COMPETITIVE_ANALYSIS: Wettbewerbsmatrix, USPs, Preispositionierung - API_DESIGN: Supabase Query Patterns, Edge Functions, Realtime Subscriptions - ONBOARDING_FLOWS: 7 User Flows von Setup bis Fehlerfall - GTM_STRATEGY: 3-Phasen-Vertrieb, Outreach-Sequenz, Einwandbehandlung - AZUBI_MODULE: Video-Feed, 1-Click-Apply, Chat, Berichtsheft, Quiz - DSGVO_KONZEPT: Rechtsgrundlagen, TOMs, AVV, Minderjährige, Incident Response - FEATURES_BACKLOG: 72 Features nach MoSCoW + Technische Schulden Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
30 lines
691 B
TypeScript
30 lines
691 B
TypeScript
'use client'
|
|
|
|
import { createAuthClient } from 'better-auth/react'
|
|
import { useRouter } from 'next/navigation'
|
|
|
|
const authClient = createAuthClient()
|
|
|
|
export function Header() {
|
|
const router = useRouter()
|
|
|
|
async function handleSignOut() {
|
|
await authClient.signOut()
|
|
router.push('/login')
|
|
}
|
|
|
|
return (
|
|
<header className="h-14 bg-white border-b flex items-center justify-between px-6 flex-shrink-0">
|
|
<div />
|
|
<div className="flex items-center gap-4">
|
|
<button
|
|
onClick={handleSignOut}
|
|
className="text-sm text-gray-600 hover:text-gray-900 transition-colors"
|
|
>
|
|
Abmelden
|
|
</button>
|
|
</div>
|
|
</header>
|
|
)
|
|
}
|