From 8a87d9cf92e25b43a874f8e154fe7900d39e4fc4 Mon Sep 17 00:00:00 2001
From: hamed <15238-genius.ha@users.noreply.drupalcode.org>
Date: Mon, 15 Jun 2026 19:39:12 +0330
Subject: [PATCH] fix(dashboard): turns tab uses real appointment fields +
 empty state

The turns list/card read start_time, slot.time and doctor.specialty,
none of which exist on Appointment.toArray() (slot_start, doctor.name,
status). Use slot_start for the Jalali date/time, replace the specialty
column with a Persian status label, and show an empty state when there
are no appointments.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 .../userAccount/sidebars/turns/Card.js        | 16 ++++++--
 .../userAccount/sidebars/turns/List.js        | 40 ++++++++++++++-----
 2 files changed, 42 insertions(+), 14 deletions(-)

diff --git a/components/dashboard/userAccount/sidebars/turns/Card.js b/components/dashboard/userAccount/sidebars/turns/Card.js
index a7d76d3..5f09ddc 100644
--- a/components/dashboard/userAccount/sidebars/turns/Card.js
+++ b/components/dashboard/userAccount/sidebars/turns/Card.js
@@ -5,6 +5,16 @@ import { Button } from "@mui/material";
 import Image from "next/image";
 import { convertTimestampToJalali, convertTimestampToTime } from "@/helper";
 
+const STATUS_LABELS = {
+  pending: "در انتظار پرداخت",
+  confirmed: "تأیید شده",
+  completed: "انجام شده",
+  cancelled_by_user: "لغو شده",
+  cancelled_by_doctor: "لغو توسط پزشک",
+  expired: "منقضی شده",
+  no_show: "عدم مراجعه",
+};
+
 function Card({ data, loading, setIsTurnsDetails }) {
   return (
     <li className="shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)] pb-[8px] bg-[#FFF] rounded-[8px]">
@@ -17,7 +27,7 @@ function Card({ data, loading, setIsTurnsDetails }) {
           </TextLoading>
           <TextLoading loading={loading} width={100} height={18}>
             <p className="text-[#7E7E7E] text-[14px] font-normal">
-              {data.doctor?.specialty?.name || "--"}
+              {STATUS_LABELS[data.status] || data.status || "--"}
             </p>
           </TextLoading>
         </div>
@@ -31,7 +41,7 @@ function Card({ data, loading, setIsTurnsDetails }) {
           </TextLoading>
           <TextLoading loading={loading} width={110} height={18}>
             <p className="text-[#525252] text-[14px] font-medium">
-              {convertTimestampToJalali(data.start_time)}
+              {convertTimestampToJalali(data.slot_start)}
             </p>
           </TextLoading>
         </li>
@@ -41,7 +51,7 @@ function Card({ data, loading, setIsTurnsDetails }) {
           </TextLoading>
           <TextLoading loading={loading} width={60} height={18}>
             <p className="text-[#525252] text-[14px] font-medium">
-              {data.slot?.time || convertTimestampToTime(data.start_time)}
+              {convertTimestampToTime(data.slot_start)}
             </p>
           </TextLoading>
         </li>
diff --git a/components/dashboard/userAccount/sidebars/turns/List.js b/components/dashboard/userAccount/sidebars/turns/List.js
index 0281b91..a0672e5 100644
--- a/components/dashboard/userAccount/sidebars/turns/List.js
+++ b/components/dashboard/userAccount/sidebars/turns/List.js
@@ -9,17 +9,35 @@ import CustomLoading from "@/app/component/loading/Custom";
 import Pagination from "@/app/component/Pagination";
 import { convertTimestampToJalali, convertTimestampToTime } from "@/helper";
 
+const STATUS_LABELS = {
+  pending: "در انتظار پرداخت",
+  confirmed: "تأیید شده",
+  completed: "انجام شده",
+  cancelled_by_user: "لغو شده",
+  cancelled_by_doctor: "لغو توسط پزشک",
+  expired: "منقضی شده",
+  no_show: "عدم مراجعه",
+};
+
 function List({ user, loading, setIsTurnsDetails, page, totalPages, onPageChange }) {
   const tableHead = [
     "ردیف",
     "نام پزشک",
-    "تخصص",
     "تاریخ",
     "ساعت",
+    "وضعیت",
     "عملیات",
   ];
   const centerTable = [0, 4];
 
+  if (!loading && (!Array.isArray(user) || user.length === 0)) {
+    return (
+      <p className="text-[#7E7E7E] text-[14px] md:text-[16px] font-medium text-center py-[56px]">
+        نوبتی ثبت نکرده‌اید.
+      </p>
+    );
+  }
+
   return (
     <div className="!mt-[24px]">
       <div className="hidden lg:block">
@@ -43,20 +61,12 @@ function List({ user, loading, setIsTurnsDetails, page, totalPages, onPageChange
                   {row.doctor?.name || "--"}
                 </TextLoading>
               </TableCell>
-              <TableCell
-                className="!text-start !pr-[18px] !text-nowrap"
-                align="right"
-              >
-                <TextLoading width={100} height={18} loading={loading}>
-                  {row.doctor?.specialty?.name || "--"}
-                </TextLoading>
-              </TableCell>
               <TableCell
                 className="!text-start !pr-[18px] !text-nowrap"
                 align="right"
               >
                 <TextLoading width={80} height={18} loading={loading}>
-                  {convertTimestampToJalali(row.start_time)}
+                  {convertTimestampToJalali(row.slot_start)}
                 </TextLoading>
               </TableCell>
               <TableCell
@@ -64,7 +74,15 @@ function List({ user, loading, setIsTurnsDetails, page, totalPages, onPageChange
                 align="right"
               >
                 <TextLoading width={50} height={18} loading={loading}>
-                  {row.slot?.time || convertTimestampToTime(row.start_time)}
+                  {convertTimestampToTime(row.slot_start)}
+                </TextLoading>
+              </TableCell>
+              <TableCell
+                className="!text-center !pr-[18px] !text-nowrap"
+                align="right"
+              >
+                <TextLoading width={80} height={18} loading={loading}>
+                  {STATUS_LABELS[row.status] || row.status || "--"}
                 </TextLoading>
               </TableCell>
               <TableCell className="!pr-[18px] !text-nowrap" align="right">