855b1e99ae
Swift - Contextual UI EPD: "Van 12 klikken naar 1 zin" Documentatie: - PRD, FO, TO, UX specificaties - Bouwplan met 6 epics, 27 stories (68 SP) - Analyse en onderzoeksdocumenten E0 Setup & Foundation: - E0.S1: Zustand v5.0.9 geïnstalleerd - E0.S2: Swift store met context, blocks, input state - E0.S3: /epd/swift route met eigen layout (dark theme) - E0.S4: Folder structuur components/swift/, lib/swift/ Components: - CommandCenter (container) - ContextBar (shift, patient) - CommandInput (text + voice button) - RecentStrip (laatste 5 acties) - BlockContainer (wrapper voor blocks) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
34 lines
999 B
TypeScript
34 lines
999 B
TypeScript
'use client';
|
|
|
|
/**
|
|
* Context Bar
|
|
*
|
|
* Top bar showing current context: shift, selected patient, user info.
|
|
*/
|
|
|
|
import { useSwiftStore } from '@/stores/swift-store';
|
|
|
|
export function ContextBar() {
|
|
const { shift, activePatient } = useSwiftStore();
|
|
|
|
return (
|
|
<header className="h-12 border-b border-slate-700 flex items-center px-4 justify-between shrink-0">
|
|
<div className="flex items-center gap-4">
|
|
<span className="text-sm font-medium text-slate-400">Swift</span>
|
|
<span className="text-xs px-2 py-0.5 rounded bg-slate-700 text-slate-300 capitalize">
|
|
{shift}dienst
|
|
</span>
|
|
</div>
|
|
<div className="flex items-center gap-4">
|
|
{activePatient ? (
|
|
<span className="text-sm text-white">
|
|
{activePatient.name_given.join(' ')} {activePatient.name_family}
|
|
</span>
|
|
) : (
|
|
<span className="text-sm text-slate-500">Geen patiënt geselecteerd</span>
|
|
)}
|
|
</div>
|
|
</header>
|
|
);
|
|
}
|