4606a975aa
Diagnose pagina: - Master-detail layout (lijst links, formulier rechts) - URL state voor selectie (?selected=uuid of ?selected=new) - Inline CRUD zonder modals of navigatie - Vereenvoudigde header (alleen actieve diagnoses teller) ICD-10 Combobox: - Vervangen cmdk/Command met simpele Popover + buttons (fix selectie bug) - Direct typen in input veld (geen extra klik nodig) - Auto-open dropdown bij focus/typen Database: - Fix FK constraint: conditions.encounter_id -> intakes (was encounters) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
55 lines
1.6 KiB
TypeScript
55 lines
1.6 KiB
TypeScript
/**
|
|
* Diagnose Overzicht Pagina
|
|
*
|
|
* Master-detail layout voor diagnoses:
|
|
* - Links: lijst van diagnoses met selectie
|
|
* - Rechts: formulier voor bekijken/bewerken/toevoegen
|
|
*/
|
|
|
|
import { Suspense } from 'react';
|
|
import { Activity } from 'lucide-react';
|
|
import { getPatientDiagnoses, getPatientIntakes } from './actions';
|
|
import { DiagnosisMasterDetail } from './components/diagnosis-master-detail';
|
|
|
|
export default async function DiagnosePage({
|
|
params,
|
|
}: {
|
|
params: Promise<{ id: string }>;
|
|
}) {
|
|
const { id: patientId } = await params;
|
|
|
|
// Haal diagnoses en intakes parallel op
|
|
const [diagnoses, intakes] = await Promise.all([
|
|
getPatientDiagnoses(patientId),
|
|
getPatientIntakes(patientId),
|
|
]);
|
|
|
|
// Tel actieve diagnoses
|
|
const activeDiagnoses = diagnoses.filter((d) => d.clinical_status === 'active');
|
|
|
|
return (
|
|
<div className="p-6 space-y-6">
|
|
{/* Page Header */}
|
|
<div>
|
|
<h2 className="text-lg font-semibold text-slate-900">Diagnoses</h2>
|
|
<div className="flex items-center gap-2 mt-1">
|
|
<Activity className="h-4 w-4 text-green-600" />
|
|
<span className="text-sm">
|
|
<span className="font-medium text-green-600">{activeDiagnoses.length} actief</span>
|
|
<span className="text-slate-500"> van {diagnoses.length} totaal</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Master-Detail Layout */}
|
|
<Suspense fallback={<div className="text-sm text-slate-500">Laden...</div>}>
|
|
<DiagnosisMasterDetail
|
|
patientId={patientId}
|
|
diagnoses={diagnoses}
|
|
intakes={intakes}
|
|
/>
|
|
</Suspense>
|
|
</div>
|
|
);
|
|
}
|