35 lines
1.2 KiB
TypeScript
35 lines
1.2 KiB
TypeScript
import { NewIntakeForm } from '../components/new-intake-form';
|
|
import Link from 'next/link';
|
|
import { ChevronLeft } from 'lucide-react';
|
|
|
|
interface NewIntakePageProps {
|
|
params: Promise<{ id: string }>;
|
|
}
|
|
|
|
export default async function NewIntakePage({ params }: NewIntakePageProps) {
|
|
const { id } = await params;
|
|
|
|
return (
|
|
<div className="max-w-2xl mx-auto py-8">
|
|
<div className="mb-8">
|
|
<Link
|
|
href={`/epd/patients/${id}/intakes`}
|
|
className="inline-flex items-center gap-1 text-sm text-slate-500 hover:text-slate-900 mb-4 transition-colors"
|
|
>
|
|
<ChevronLeft className="h-4 w-4" />
|
|
Terug naar overzicht
|
|
</Link>
|
|
<h1 className="text-2xl font-bold text-slate-900">Nieuwe Intake Starten</h1>
|
|
<p className="text-slate-600 mt-2">
|
|
Vul de basisgegevens in om een nieuwe intake te starten.
|
|
</p>
|
|
</div>
|
|
|
|
<div className="bg-white rounded-lg border border-slate-200 p-6 shadow-sm">
|
|
<NewIntakeForm patientId={id} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|