part-15

Author: saminravi99

package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "bun --bun next dev",
+    "dev": "bun --bun next dev --webpack",
     "build": "bun --bun next build",
     "start": "bun --bun next start",
     "lint": "eslint"

src/app/(commonLayout)/consultation/doctor/[id]/page.tsx

@@ -1,7 +1,9 @@
 
+import BookAppointmentModal from "@/components/modules/Patient/Appointments/BookAppointmentModal"
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
 import { Badge } from "@/components/ui/badge"
 import { Button } from "@/components/ui/button"
+import { getUserInfo } from "@/services/auth.services"
 import { getDoctorById } from "@/services/doctor.services"
 import { type IDoctorDetails } from "@/types/doctor.types"
 import { format } from "date-fns"
@@ -45,6 +47,7 @@ const ConsultationDoctorByIdPage = async ({
   params: Promise<{ id: string }>
 }) => {
   const { id } = await params
+  const currentUser = await getUserInfo()
 
   let doctorDetails: IDoctorDetails | null = null
   let errorMessage = ""
@@ -145,6 +148,15 @@ const ConsultationDoctorByIdPage = async ({
               <Badge variant="outline">Fee: ${doctorDetails.appointmentFee?.toFixed(2) ?? "N/A"}</Badge>
               <Badge variant="outline">Rating: {doctorDetails.averageRating?.toFixed(1) ?? "0.0"}</Badge>
             </div>
+
+            <div className="pt-3">
+              <BookAppointmentModal
+                doctorId={String(doctorDetails.id)}
+                doctorName={doctorDetails.name}
+                isAuthenticated={Boolean(currentUser)}
+                viewerRole={currentUser?.role ?? null}
+              />
+            </div>
           </div>
         </div>
       </div>

src/app/(commonLayout)/consultation/page.tsx

@@ -1,5 +1,6 @@
 import DoctorsList from "@/components/modules/Consultation/DoctorsList";
 import { getAllSpecialties, getDoctors } from "@/services/doctor.services";
+import { getUserInfo } from "@/services/auth.services";
 import { dehydrate, HydrationBoundary, QueryClient } from "@tanstack/react-query";
 
 const SPECIALTIES_FILTER_KEY = "specialties.specialty.title";
@@ -53,6 +54,7 @@ const ConsultationPage = async ({
   });
 
   const queryString = normalizedQueryParams.toString();
+  const currentUser = await getUserInfo();
 
   const queryClient = new QueryClient();
 
@@ -71,7 +73,11 @@ const ConsultationPage = async ({
   });
  return (
    <HydrationBoundary state={dehydrate(queryClient)}>
-      <DoctorsList initialQueryString={queryString} />
+      <DoctorsList
+        initialQueryString={queryString}
+        isAuthenticated={Boolean(currentUser)}
+        viewerRole={currentUser?.role ?? null}
+      />
    </HydrationBoundary>
  );
 }