design page general and office information & head panel

2024-09-11 04:17:39 +03:30
parent 62b355e52f
commit d75e3c82b7
33 changed files with 588 additions and 37 deletions
@@ -0,0 +1,43 @@
+'use client';
+
+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";
+
+function AddDoctorPage() {
+
+    const [value, setValue] = useState(0);
+
+    const handleChange = (event, newValue) => setValue(newValue);
+
+    const components = [
+        <GeneralInformation />,
+        <OfficeInformation />,
+        <Turns />,
+        <WorkingDays />,
+        <SpecialDays />
+    ];
+
+    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
+                    value={value}
+                    handleChange={handleChange}
+                />
+                <div className="mt-[24px] mx-[56px]">
+                    {components[value]}
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default AddDoctorPage