update design and request pages dashboards & doctors & doctor item & clinics & clinic item and layout

components/dashboard/userAccount/detailUser/information/Form.js

@@ -1,6 +1,6 @@
 import Content from "./Content";
-import EditField from "@/app/component/EditField";
 import DateBirthday from "./DateBirthday";
+import Field from "./Field";
 import {
   insurance,
   gender,
@@ -11,23 +11,24 @@ import {
 } from "./listSelector";
 import AutoSelector from "@/app/component/element/AutoSelector";
 
-function Form({ data, changeData, selected, updateSelect }) {
-  const findVal = (list, name) => list.find((g) => g.id === selected[name]);
+function Form({ data, changeData, prevData }) {
+  const findVal = (list, name) => data && list.find((g) => g.id === data[name]);
 
   return (
     <div className="grid grid-cols-1 lg:grid-cols-2 gap-[24px]">
       <Content title="شماره موبایل" isConfirmed={true}>
-        <EditField
+        <Field
           isTransparent={true}
           iconGray={true}
           type="number"
           changeData={changeData}
-          data={data?.phone}
-          name="phone"
+          data={data?.work_phone}
+          disable={prevData}
+          name="work_phone"
         />
       </Content>
       <Content title="کد ملی" isConfirmed={false}>
-        <EditField
+        <Field
           isTransparent={true}
           iconGray={true}
           type="number"
@@ -37,7 +38,7 @@ function Form({ data, changeData, selected, updateSelect }) {
         />
       </Content>
       <Content title="نام و نام خانوادگی" isConfirmed={false}>
-        <EditField
+        <Field
           isTransparent={true}
           iconGray={true}
           changeData={changeData}
@@ -48,7 +49,7 @@ function Form({ data, changeData, selected, updateSelect }) {
       <Content title="جنسیت">
         <AutoSelector
           updateData={(name, data) =>
-            updateSelect(name, data === "زن" ? "female" : "male")
+            changeData(data === "زن" ? "female" : "male", "value", name)
           }
           value={findVal(gender, "gender")}
           label="جنسیت"
@@ -58,31 +59,31 @@ function Form({ data, changeData, selected, updateSelect }) {
       </Content>
       <Content title="تاریخ تولد">
         <DateBirthday
-          data={data?.date_of_birth}
+          data={data?.birthday}
           isConfirmed={false}
           changeData={changeData}
         />
       </Content>
       <Content title="نام پدر" isConfirmed={false}>
-        <EditField
+        <Field
           isTransparent={true}
           iconGray={true}
           changeData={changeData}
-          data={data?.father_name}
-          name="father_name"
+          data={data?.fathers_name}
+          name="fathers_name"
         />
       </Content>
       <Content title="نوع بیمه">
         <AutoSelector
-          updateData={updateSelect}
-          value={findVal(insurance, "insurance")}
+          updateData={changeData}
+          value={findVal(insurance, "basic_insurance")}
           label="نوع بیمه"
-          name="insurance"
+          name="basic_insurance"
           list={insurance}
         />
       </Content>
       <Content title="شماره بیمه" isConfirmed={false}>
-        <EditField
+        <Field
           isTransparent={true}
           iconGray={true}
           type="number"
@@ -94,18 +95,22 @@ function Form({ data, changeData, selected, updateSelect }) {
       <Content title="گروه خونی">
         <AutoSelector
           updateData={(name, value) =>
-            updateSelect(name, blood_group.find((g) => g.label === value).id)
+            changeData(
+              blood_group.find((g) => g.label === value).id,
+              "value",
+              name
+            )
           }
-          value={findVal(blood_group, "blood_group")}
+          value={findVal(blood_group, "blood_type")}
           label="گروه خونی"
-          name="blood_group"
+          name="blood_type"
           list={blood_group}
         />
       </Content>
       <Content title="وضعیت تاهل">
         <AutoSelector
           updateData={(name, value) =>
-            updateSelect(name, marital_status.find((g) => g.label === value).id)
+            changeData(value === "متاهل" ? "married" : "single", "value", name)
           }
           value={findVal(marital_status, "marital_status")}
           label="وضعیت تاهل"
@@ -114,7 +119,7 @@ function Form({ data, changeData, selected, updateSelect }) {
         />
       </Content>
       <Content title="تلفن منزل" isConfirmed={false}>
-        <EditField
+        <Field
           isTransparent={true}
           iconGray={true}
           type="number"
@@ -126,7 +131,11 @@ function Form({ data, changeData, selected, updateSelect }) {
       <Content title="تحصیلات">
         <AutoSelector
           updateData={(name, value) =>
-            updateSelect(name, education.find((g) => g.label === value).id)
+            changeData(
+              education.find((g) => g.label === value).id,
+              "value",
+              name
+            )
           }
           value={findVal(education, "education")}
           label="تحصیلات"
@@ -137,7 +146,7 @@ function Form({ data, changeData, selected, updateSelect }) {
       <Content title="شغل">
         <AutoSelector
           updateData={(name, value) =>
-            updateSelect(name, job.find((g) => g.label === value).id)
+            changeData(value === "آزاد" ? "azad" : "dolati", "value", name)
           }
           value={findVal(job, "job")}
           label="شغل"
@@ -146,7 +155,7 @@ function Form({ data, changeData, selected, updateSelect }) {
         />
       </Content>
       <Content title="تلفن محل کار" isConfirmed={false}>
-        <EditField
+        <Field
           isTransparent={true}
           type="number"
           iconGray={true}