From 573edc1eb951fd6d27e4453b7061c3338769715f Mon Sep 17 00:00:00 2001
From: hamed <15238-genius.ha@users.noreply.drupalcode.org>
Date: Wed, 12 Nov 2025 21:05:06 +0330
Subject: [PATCH] refactor: pass doctorSlug prop to AppointmentList and
 ItemAppointment components

---
 app/doctor/[slug]/page.js                            | 2 +-
 components/doctor/appointmentList/ItemAppointment.js | 4 ++--
 components/doctor/appointmentList/index.js           | 6 +++---
 components/doctor/index.js                           | 4 ++--
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/app/doctor/[slug]/page.js b/app/doctor/[slug]/page.js
index d8902c9..f5bfa19 100644
--- a/app/doctor/[slug]/page.js
+++ b/app/doctor/[slug]/page.js
@@ -24,7 +24,7 @@ async function Doctor({ params: { slug } }) {
 
   return (
     <Layout>
-      <DoctorPage doctor={doctor} comments={comments} />
+      <DoctorPage doctor={doctor} comments={comments} slug={slug} />
     </Layout>
   );
 }
diff --git a/components/doctor/appointmentList/ItemAppointment.js b/components/doctor/appointmentList/ItemAppointment.js
index a32de2a..60d12a1 100644
--- a/components/doctor/appointmentList/ItemAppointment.js
+++ b/components/doctor/appointmentList/ItemAppointment.js
@@ -6,7 +6,7 @@ import { Button } from "@mui/material";
 import Image from "next/image";
 import Link from "next/link";
 
-function ItemAppointment({ turn, loading }) {
+function ItemAppointment({ turn, loading, doctorSlug }) {
   return (
     <li
       key={turn.id}
@@ -50,7 +50,7 @@ function ItemAppointment({ turn, loading }) {
             </p>
           </TextLoading>
         </div>
-        <Link href={loading ? "#" : `/appointment/${turn.id}`}>
+        <Link href={loading ? "#" : `/appointment/${doctorSlug}`}>
           <Button
             variant="contained"
             className="!py-2 !px-3 xl:!px-6 gap-1"
diff --git a/components/doctor/appointmentList/index.js b/components/doctor/appointmentList/index.js
index 652b059..8d945d9 100644
--- a/components/doctor/appointmentList/index.js
+++ b/components/doctor/appointmentList/index.js
@@ -5,12 +5,12 @@ import ItemAppointment from "./ItemAppointment";
 import ArrowLeftD from "@/components/icons/ArrowLeftD";
 import Link from "next/link";
 
-function AppointmentList({ doctor, loading }) {
+function AppointmentList({ doctor, loading, doctorSlug }) {
   return (
     <>
       <ul className="hidden sticky top-[122px] sm:top-[150px] mt:top-[178px] lg:top-[206px] lg:flex w-[38%] flex-col justify-start items-center gap-8">
         {doctor && (
-          <ItemAppointment loading={loading} turn={doctor} key={doctor.id} />
+          <ItemAppointment loading={loading} turn={doctor} key={doctor.id} doctorSlug={doctorSlug} />
         )}
       </ul>
       <div
@@ -20,7 +20,7 @@ function AppointmentList({ doctor, loading }) {
         <p className="text-[#05BA58] text-[11px] font-normal">
           {doctor && doctor?.free_turn}
         </p>
-        <Link href={`/appointment/${doctor && doctor?.id}`}>
+        <Link href={`/appointment/${doctorSlug}`}>
           <Button
             variant="contained"
             className="!py-2 !px-4 gap-1 !text-[14px] !font-medium"
diff --git a/components/doctor/index.js b/components/doctor/index.js
index 1b5e99a..1c4d404 100644
--- a/components/doctor/index.js
+++ b/components/doctor/index.js
@@ -3,7 +3,7 @@ import DetailDoctor from "./detailDoctor";
 import Share from "./detailDoctor/Share";
 import CustomLoading from "@/app/component/loading/Custom";
 
-function DoctorPage({ doctor, comments }) {
+function DoctorPage({ doctor, comments, slug }) {
   return (
     <div className="pt-[92px] sm:pt-[120px] mt:pt-[148px] lg:pt-[176px] mt-[px] padding-responsive">
       <div className="flex items-center justify-between">
@@ -24,7 +24,7 @@ function DoctorPage({ doctor, comments }) {
       </div>
       <div className="flex items-start justify-center gap-6 mt-[30px]">
         <DetailDoctor doctor={doctor} comments={comments} />
-        <AppointmentList doctor={doctor} />
+        <AppointmentList doctor={doctor} doctorSlug={slug} />
       </div>
     </div>
   );