Files
triqura-ecd/app/epd/patients/[id]/basisgegevens/page.tsx
2025-11-23 10:13:00 +01:00

69 lines
2.1 KiB
TypeScript

/**
* Basisgegevens Page
* E3.S3: Patient basic information with edit and delete functionality
*/
import { getPatient } from '../../actions';
import { PatientForm } from '../../components/patient-form';
import { DeletePatientButton } from '../../components/delete-patient-button';
import { AlertCircle } from 'lucide-react';
export default async function BasisgegevensPage({
params,
}: {
params: Promise<{ id: string }>;
}) {
const { id } = await params;
const patient = await getPatient(id);
// Get patient name for delete confirmation
const patientName = patient.name?.[0]
? [
...(patient.name[0].given || []),
patient.name[0].family,
]
.filter(Boolean)
.join(' ')
: 'deze patiënt';
// Check if John Doe
const isJohnDoe = (patient as any).extension?.find(
(ext: any) => ext.url === 'http://mini-epd.local/fhir/StructureDefinition/john-doe'
)?.valueBoolean;
// Check if BSN is missing or placeholder
const bsn = patient.identifier?.find(
(id) => id.system === 'http://fhir.nl/fhir/NamingSystem/bsn'
)?.value;
const hasMissingBSN = !bsn || bsn === '999999990';
return (
<div className="p-6">
{/* John Doe Warning */}
{isJohnDoe && hasMissingBSN && (
<div className="bg-orange-50 border border-orange-200 rounded-lg p-4 mb-6">
<div className="flex items-start gap-3">
<AlertCircle className="h-5 w-5 text-orange-600 flex-shrink-0 mt-0.5" />
<div>
<p className="text-sm font-medium text-orange-900">
Incomplete gegevens - John Doe registratie
</p>
<p className="text-xs text-orange-700 mt-1">
Vul BSN aan zodra deze beschikbaar is voor volledige registratie.
</p>
</div>
</div>
</div>
)}
{/* Patient Form */}
<div className="bg-white rounded-lg border border-slate-200 p-6">
<PatientForm patient={patient} />
{/* Delete Patient Button */}
<DeletePatientButton patientId={id} patientName={patientName} />
</div>
</div>
);
}