refactor: integrate IsTurnsDetails component for enhanced appointment display
This commit is contained in:
@@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user