page add panel/doctor role agent && save data crop img && upload img && just roles agent can access panel && save data doctor && add field phone number && remove two tab

This commit is contained in:
Ehsan
2025-07-16 08:13:29 +03:30
parent 1b2573e460
commit c88a371eda
37 changed files with 196 additions and 1193 deletions
+14 -44
View File
@@ -1,59 +1,29 @@
"use client";
import Form from "./form";
import { useState } from "react";
// Tabs
import WorkingDays from "./listMenu/workingDays";
import OfficeInformation from "./listMenu/officeInformation";
import GeneralInformation from "./listMenu/generalInformation";
import Step from "./Step";
import { defaultState } from "./defaultState";
import UploadFile from "@/app/component/uploadFile";
function AddDoctorPage() {
const [value, setValue] = useState(0);
const [data, setData] = useState(defaultState);
const [image, setImage] = useState("");
console.log(data);
const resetData = () => {
setData(defaultState);
setValue(0);
setImage();
};
const components = [
<GeneralInformation
data={data}
parent="general"
setData={setData}
setValue={setValue}
/>,
<OfficeInformation
data={data}
parent="office"
setData={setData}
setValue={setValue}
/>,
<WorkingDays
data={data}
parent="work_day"
setData={setData}
resetData={resetData}
/>,
];
return (
<div className="opacity-page">
<h1 className="text-[#525252] dark:text-[#D7D8ED] text-[20px] font-bold hidden md:flex">
پروفایل من
</h1>
<div
className="rounded-[8px] mt-0 md:mt-[24px] bg-transparent md:bg-[#FFF]
md:dark:bg-[#222433] shadow-none md:shadow-[0px_1px_24.8px_0px_rgba(204,204,204,0.18)] dark:shadow-none pt-0
md:pt-[30px] pb-0 md:pb-[12px] lg:pb-[24px] px-0 md:px-[14px] lg:px-[26px] xl:px-[56px]"
>
<Step value={value} />
<div className="mt-[24px] md:mt-[28px] lg:mt-[32px]">
{components[value]}
</div>
</div>
<div className="opacity-page bg-transparent dark:shadow-[0px_4px_25px_10px_#1F1D2B] md:dark:bg-[#222433] md:bg-[#FFF] opacity-page rounded-[8px] shadow-none md:shadow-[0px_1px_24.8px_0px_rgba(204,204,204,0.18)] pt-0 md:pt-[12px] lg:pt-[24px] px-0 md:px-[24px] p-[24px]">
<UploadFile image={image} setImage={setImage} />
<Form
data={data}
image={image}
parent={parent}
setData={setData}
resetData={resetData}
/>
</div>
);
}