hamed/nobat724_front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

responsive page user-account & add-doctor & turns & add loading to all page panel & change design page dashboard

Browse Source
This commit is contained in:
Ehsan
2024-09-14 02:41:38 +03:30
parent d1f289bdca
commit 9d1c4aa299
60 changed files with 459 additions and 166 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/panel/addDoctor/index.js
+25 -10
View File
@@ -3,16 +3,21 @@
import { useState } from "react";
// Tabs
import TabsHead from "./tabsHead";
import Turns from "./tabsHead/turns";
import SpecialDays from "./tabsHead/specialDays";
import WorkingDays from "./tabsHead/workingDays";
import OfficeInformation from "./tabsHead/officeInformation";
import GeneralInformation from "./tabsHead/generalInformation";
import ListMenu from "./listMenu";
import Turns from "./listMenu/turns";
import SpecialDays from "./listMenu/specialDays";
import WorkingDays from "./listMenu/workingDays";
import OfficeInformation from "./listMenu/officeInformation";
import GeneralInformation from "./listMenu/generalInformation";
import ArrowRightPH from "@/components/icons/ArrowRightPH";
import { Button } from "@mui/material";
const listTab = ['اطلاعات عمومی', 'اطلاعات مطب', 'نوبت ها', 'روزهای کاری', 'روزهای خاص'];
function AddDoctorPage() {
const [value, setValue] = useState(0);
const [open, setOpen] = useState(false);
const handleChange = (event, newValue) => setValue(newValue);
@@ -26,13 +31,23 @@ function AddDoctorPage() {
return (
<div className="opacity-page">
<p className="text-[#525252] text-[20px] font-bold">پروفایل من</p>
<div className="rounded-[8px] mt-[24px] bg-[#FFF] shadow-[0px_1px_24.8px_0px_rgba(204,204,204,0.18)] pt-[12px] pb-[24px] px-[56px]">
<TabsHead
<p className="text-[#525252] text-[20px] font-bold hidden md:flex">پروفایل من</p>
<Button
onClick={() => setOpen(true)}
className="!flex !p-1 md:!hidden !items-center !justify-start !gap-[8px]"
>
<ArrowRightPH />
<p className="text-[#525252] text-[14px] font-bold">{listTab[value]}</p>
</Button>
<div className="rounded-[8px] mt-0 md:mt-[24px] bg-transparent md:bg-[#FFF] shadow-none md:shadow-[0px_1px_24.8px_0px_rgba(204,204,204,0.18)] pt-0 md:pt-[12px] pb-0 md:pb-[12px] lg:pb-[24px] px-0 md:px-[14px] lg:px-[26px] xl:px-[56px]">
<ListMenu
open={open}
value={value}
listTab={listTab}
setOpen={setOpen}
handleChange={handleChange}
/>
<div className={`mt-[24px] ${value !== 4 ? 'mx-[56px]' : 'mx-0'}`}>
<div className={`mt-[24px] ${value !== 4 ? 'mx-0 md:-[14px] lg:mx-[26px] xl:mx-[56px]' : 'mx-0'}`}>
{components[value]}
</div>
</div>