handle limit page dashboard & change header profile user & get data from api in page clinics & clinic item and doctor item

2025-06-01 01:08:25 +03:30
parent 80c74361eb
commit e292176a61
45 changed files with 223 additions and 258 deletions
@@ -1,3 +1,4 @@
+import { Button } from "@mui/material";
 import DetailUser from "./detailUser";
 import Head from "./Head";
 import NotfoundDashboard from "./NotfoundDashboard";
@@ -7,6 +8,17 @@ import Comments from "./sidebars/comments";
 import Messages from "./sidebars/messages";
 import Transactions from "./sidebars/transactions";
 import Turns from "./sidebars/turns";
+import DownloadD from "@/components/icons/DownloadD";
+import ArrowRightD from "@/components/icons/ArrowRightD";
+
+const listTab = [
+  "حساب کاربری",
+  "نوبت های من",
+  "تراکنش های من",
+  "نظرات من",
+  "پیام ها",
+  "خروج",
+];

 function UserAccountPage({
  user,
@@ -37,6 +49,29 @@ function UserAccountPage({
      ) : (
        <>
          <Head user={user} />
+          <div className="w-full flex items-center justify-between">
+            <Button
+              className="!flex !p-1 md:!hidden !items-center !justify-start !gap-[8px]"
+              onClick={() =>
+                isTurnsDetails ? setIsTurnsDetails(false) : setIsOpenSide(true)
+              }
+              variant="text"
+            >
+              <ArrowRightD />
+              <p className="text-[#525252] text-[14px] font-bold">
+                {isTurnsDetails ? "جزئیات نوبت " : listTab[value]}
+              </p>
+            </Button>
+            {value === 1 && isTurnsDetails ? (
+              <Button
+                className="!flex md:!hidden !py-[8px] !px-[12px] !text-[#616161] !text-[14px] !font-medium !justify-center !items-center !gap-[4px]"
+                variant="text"
+              >
+                <DownloadD />
+                دانلود اطلاعات نوبت
+              </Button>
+            ) : undefined}
+          </div>
          <div className=" mt-[24px] sm:mt-[26px] md:mt-[28px] lg:mt-[30px]">
            {sidebars[value]}
          </div>