refactor: integrate IsTurnsDetails component for enhanced appointment display

2025-11-19 09:42:59 +03:30
parent b2f968480c
commit e7cff90516
1 changed files with 23 additions and 12 deletions
@@ -5,6 +5,7 @@ import Head from "./Head";
 import List from "./List";
 import { request } from "@/services/response";
 import Cookies from "js-cookie";
+import IsTurnsDetails from "./isTurnsDetails";

 function Turns({ user, setIsTurnsDetails, loading }) {
  const [status, setStatus] = useState(undefined);
@@ -12,6 +13,7 @@ function Turns({ user, setIsTurnsDetails, loading }) {
  const [isLoading, setIsLoading] = useState(true);
  const [page, setPage] = useState(1);
  const [totalPages, setTotalPages] = useState(1);
+  const [selectedAppointment, setSelectedAppointment] = useState(null);

  useEffect(() => {
    const fetchAppointments = async () => {
@@ -74,18 +76,27 @@ function Turns({ user, setIsTurnsDetails, loading }) {

  return (
    <div className="opacity-page">
-      <p className="text-[#3B3B3B] hidden md:flex text-[16px] font-bold">
-        تاریخچه نوبت ها
-      </p>
-      <Head status={status} setStatus={handleStatusChange} />
-      <List
-        loading={isLoading}
-        setIsTurnsDetails={setIsTurnsDetails}
-        user={appointments}
-        page={page}
-        totalPages={totalPages}
-        onPageChange={handlePageChange}
-      />
+      {selectedAppointment ? (
+        <IsTurnsDetails
+          appointmentData={selectedAppointment}
+          setIsTurnsDetails={setSelectedAppointment}
+        />
+      ) : (
+        <>
+          <p className="text-[#3B3B3B] hidden md:flex text-[16px] font-bold">
+            تاریخچه نوبت ها
+          </p>
+          <Head status={status} setStatus={handleStatusChange} />
+          <List
+            loading={isLoading}
+            setIsTurnsDetails={setSelectedAppointment}
+            user={appointments}
+            page={page}
+            totalPages={totalPages}
+            onPageChange={handlePageChange}
+          />
+        </>
+      )}
    </div>
  );
 }