Dental Care

2025-11-16 14:29:51 +02:00
commit 39077550ef
194 changed files with 43197 additions and 0 deletions
--- a/app/(main)/patient/book-appointment/page.tsx
+++ b/app/(main)/patient/book-appointment/page.tsx
@@ -0,0 +1,93 @@
+import type React from "react";
+import { DashboardLayout } from "@/components/layout/dashboard-layout";
+import BookingForm from "@/components/patient/booking-form";
+import { requirePatient } from "@/lib/auth-session/auth-server";
+import { prisma } from "@/lib/types/prisma";
+import type { Metadata } from "next";
+import { Alert, AlertDescription } from "@/components/ui/alert";
+import { XCircle } from "lucide-react";
+
+export const metadata: Metadata = {
+  title: "Book Appointment",
+};
+
+// Force dynamic rendering since this page uses authentication (headers)
+export const dynamic = "force-dynamic";
+
+interface BookAppointmentPageProps {
+  searchParams: Promise<{ [key: string]: string | string[] | undefined }>;
+}
+
+export default async function BookAppointmentPage({
+  searchParams,
+}: BookAppointmentPageProps) {
+  const { user } = await requirePatient();
+
+  // Fetch available services from database
+  const servicesFromDb = await prisma.service.findMany({
+    where: {
+      isActive: true,
+    },
+    orderBy: {
+      name: "asc",
+    },
+  });
+
+  // Transform services to match component expectations
+  const services = servicesFromDb.map((service) => ({
+    id: service.id,
+    name: service.name,
+    price: service.price,
+    duration: service.duration,
+    category: service.category,
+    description: service.description || undefined,
+  }));
+
+  // Fetch available dentists
+  const dentists = await prisma.user.findMany({
+    where: {
+      role: "dentist",
+      isAvailable: true,
+    },
+    select: {
+      id: true,
+      name: true,
+      specialization: true,
+      image: true,
+    },
+    orderBy: {
+      name: "asc",
+    },
+  });
+
+  // Transform dentists data to match component expectations
+  const transformedDentists = dentists.map((dentist) => ({
+    ...dentist,
+    specialization: dentist.specialization || undefined,
+    image: dentist.image || undefined,
+  }));
+
+  const params = await searchParams;
+  const showCanceled = params.canceled === "true";
+
+  return (
+    <DashboardLayout
+      user={{ ...user, role: user.role || "patient" }}
+      role="patient"
+    >
+      {showCanceled && (
+        <Alert className="m-4 md:m-8 border-red-200 bg-red-50 dark:bg-red-950/30">
+          <XCircle className="h-4 w-4 text-red-600" />
+          <AlertDescription className="text-red-800 dark:text-red-200">
+            Payment was canceled. You can try booking again.
+          </AlertDescription>
+        </Alert>
+      )}
+      <BookingForm
+        services={services}
+        dentists={transformedDentists}
+        patientId={user.id}
+      />
+    </DashboardLayout>
+  );
+}