b30f8edf19
Bug fix: Dubbele patient naam verwijderd (EPDHeader + ClientHeader). Design conflict ontstaan tijdens parallel development: - Epic 1: EPDHeader kreeg patient selector (naam, ID, geb.datum) - Epic 2: ClientHeader toegevoegd met volledige patient context - Resultaat: Patient naam werd twee keer getoond Changes: - Removed: Patient selector UI from EPDHeader center section - Removed: Patient fetch logic (useState, useEffect) - Removed: Unused imports (ChevronDown, usePathname, getPatient) - Simplified: EPDHeader from 91 to 34 lines (-57 lines) Component ownership clarified: - EPDHeader = General navigation (logo, search) - ClientHeader = Patient context (name, status, actions) Result: Clean separation of concerns, no duplicate patient info 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
34 lines
1.1 KiB
TypeScript
34 lines
1.1 KiB
TypeScript
"use client";
|
|
import React from 'react';
|
|
import { Search } from 'lucide-react';
|
|
|
|
interface EPDHeaderProps {
|
|
className?: string;
|
|
}
|
|
|
|
export function EPDHeader({ className = "" }: EPDHeaderProps) {
|
|
return (
|
|
<header className={`h-[60px] bg-white border-b border-slate-200 flex items-center px-6 ${className}`}>
|
|
{/* Left: Logo */}
|
|
<div className="flex items-center">
|
|
<span className="text-base font-medium text-slate-800">Mini-ECD</span>
|
|
</div>
|
|
|
|
{/* Center: Empty space (patient info is shown in ClientHeader below) */}
|
|
<div className="flex-1" />
|
|
|
|
{/* Right: Search */}
|
|
<div className="flex items-center">
|
|
<div className="relative">
|
|
<Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-slate-400" />
|
|
<input
|
|
type="text"
|
|
placeholder="Zoek patiënt..."
|
|
className="w-64 pl-9 pr-4 py-2 bg-slate-50 border border-slate-200 rounded-md text-sm placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-teal-500 focus:border-transparent transition-all duration-200"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
);
|
|
}
|