refactor: integrate IsTurnsDetails component for enhanced appointment display

This commit is contained in:
hamed
2025-11-19 09:42:59 +03:30
parent b2f968480c
commit e7cff90516
@@ -5,6 +5,7 @@ import Head from "./Head";
import List from "./List"; import List from "./List";
import { request } from "@/services/response"; import { request } from "@/services/response";
import Cookies from "js-cookie"; import Cookies from "js-cookie";
import IsTurnsDetails from "./isTurnsDetails";
function Turns({ user, setIsTurnsDetails, loading }) { function Turns({ user, setIsTurnsDetails, loading }) {
const [status, setStatus] = useState(undefined); const [status, setStatus] = useState(undefined);
@@ -12,6 +13,7 @@ function Turns({ user, setIsTurnsDetails, loading }) {
const [isLoading, setIsLoading] = useState(true); const [isLoading, setIsLoading] = useState(true);
const [page, setPage] = useState(1); const [page, setPage] = useState(1);
const [totalPages, setTotalPages] = useState(1); const [totalPages, setTotalPages] = useState(1);
const [selectedAppointment, setSelectedAppointment] = useState(null);
useEffect(() => { useEffect(() => {
const fetchAppointments = async () => { const fetchAppointments = async () => {
@@ -74,18 +76,27 @@ function Turns({ user, setIsTurnsDetails, loading }) {
return ( return (
<div className="opacity-page"> <div className="opacity-page">
<p className="text-[#3B3B3B] hidden md:flex text-[16px] font-bold"> {selectedAppointment ? (
تاریخچه نوبت ها <IsTurnsDetails
</p> appointmentData={selectedAppointment}
<Head status={status} setStatus={handleStatusChange} /> setIsTurnsDetails={setSelectedAppointment}
<List />
loading={isLoading} ) : (
setIsTurnsDetails={setIsTurnsDetails} <>
user={appointments} <p className="text-[#3B3B3B] hidden md:flex text-[16px] font-bold">
page={page} تاریخچه نوبت ها
totalPages={totalPages} </p>
onPageChange={handlePageChange} <Head status={status} setStatus={handleStatusChange} />
/> <List
loading={isLoading}
setIsTurnsDetails={setSelectedAppointment}
user={appointments}
page={page}
totalPages={totalPages}
onPageChange={handlePageChange}
/>
</>
)}
</div> </div>
); );
} }