diff --git a/components/dashboard/userAccount/sidebars/turns/index.js b/components/dashboard/userAccount/sidebars/turns/index.js
index 3b6cf57..87c9ff0 100644
--- a/components/dashboard/userAccount/sidebars/turns/index.js
+++ b/components/dashboard/userAccount/sidebars/turns/index.js
@@ -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>
   );
 }
