change response file & request get user-profile & change design dashboard page & handle limit page dashboard

components/dashboard/userAccount/content/HeadTab.js

@@ -11,7 +11,7 @@ function HeadTab({
   components,
 }) {
   return (
-    <>
+    <div className="opacity-page">
       {isTurnsDetails ? (
         <IsTurnsDetails
           user={user}
@@ -19,7 +19,7 @@ function HeadTab({
         />
       ) : (
         <>
-          <div className="!w-full mt-[24px] sm:mt-[26px] md:mt-[28px] lg:mt-[30px]">
+          <div className="!w-full">
             <Tabs
               style={{
                 ".MuiTabs-indicator": {
@@ -50,7 +50,7 @@ function HeadTab({
           <div className="mt-[22px] px-0 md:px-[24px]">{components[tab]}</div>
         </>
       )}
-    </>
+    </div>
   );
 }
 

components/dashboard/userAccount/content/index.js

@@ -1,19 +1,25 @@
 "use client";
 
 import { useEffect, useState } from "react";
+import profileData from "@/data/profile_other.json";
 
 import ArrowRightD from "@/components/icons/ArrowRightD";
 import { Button } from "@mui/material";
 import DownloadD from "@/components/icons/DownloadD";
-import Disease from "../tabs/disease";
-import Allergies from "../tabs/allergies";
-import Medications from "../tabs/medications";
-import Surgeries from "../tabs/surgeries";
-import FamilyHistory from "../tabs/familyHistory";
-import Relatives from "../tabs/relatives";
+import Disease from "../detailUser/disease";
+import Allergies from "../detailUser/allergies";
+import Medications from "../detailUser/medications";
+import Surgeries from "../detailUser/surgeries";
+import FamilyHistory from "../detailUser/familyHistory";
+import Relatives from "../detailUser/relatives";
 import HeadTab from "./HeadTab";
 
-import profileData from "@/data/profile_other.json";
+import DetailUser from "../detailUser/information";
+import Turns from "../sidebars/turns";
+import Transactions from "../sidebars/transactions";
+import Comments from "../sidebars/comments";
+import Messages from "../sidebars/messages";
+import NotfoundDashboard from "../NotfoundDashboard";
 
 const listTab = [
   "بیماری‌ها",
@@ -59,18 +65,27 @@ function ContentTabs({
         console.warn(`Unknown action: ${action}`);
         return;
     }
-    console.log(newData);
-
     setData(newData);
   };
 
   const components = [
-    <Disease data={data} changeData={changeData} />,
-    <Allergies data={data} changeData={changeData} />,
-    <Medications data={data} changeData={changeData} />,
-    <Surgeries data={data} changeData={changeData} />,
-    <FamilyHistory data={data} changeData={changeData} />,
-    <Relatives data={data} changeData={changeData} />,
+    // <Disease data={data} changeData={changeData} />,
+    // <Allergies data={data} changeData={changeData} />,
+    // <Medications data={data} changeData={changeData} />,
+    // <Surgeries data={data} changeData={changeData} />,
+    // <FamilyHistory data={data} changeData={changeData} />,
+    // <Relatives data={data} changeData={changeData} />,
+
+    <DetailUser
+      user={user}
+      isTurnsDetails={isTurnsDetails}
+      setIsTurnsDetails={setIsTurnsDetails}
+    />,
+    <Turns user={user} loading={false} setIsTurnsDetails={setIsTurnsDetails} />,
+    <Transactions user={user} loading={false} />,
+    <Comments user={user} loading={false} />,
+    <Messages user={user} loading={false} />,
+    <NotfoundDashboard />,
   ];
 
   return (
@@ -102,7 +117,8 @@ function ContentTabs({
           </Button>
         ) : undefined}
       </div>
-      <HeadTab
+      <div className="mt-[22px] px-0 md:px-[24px]">{components[value]}</div>
+      {/* <HeadTab
         tab={tab}
         user={user}
         listTab={listTab}
@@ -110,7 +126,7 @@ function ContentTabs({
         handleChange={handleChange}
         isTurnsDetails={isTurnsDetails}
         setIsTurnsDetails={setIsTurnsDetails}
-      />
+      /> */}
     </div>
   );
 }