change default value and handle updateData

app/component/EditField.js

@@ -15,6 +15,7 @@ function EditField({
   type,
   props,
 }) {
+  console.log(data);
   return (
     <div className="relative w-full">
       <TextField

components/panel/addDoctor/index.js

@@ -35,7 +35,7 @@ function AddDoctorPage() {
     work_day: [
       {
         name: "شنبه",
-        number_turns: 1,
+        number_turns: { value: 1, isEdit: true },
         turn_time: "",
         workplace: "",
         morning_time: ["", ""],
@@ -43,7 +43,7 @@ function AddDoctorPage() {
       },
       {
         name: "یکشنبه",
-        number_turns: 1,
+        number_turns: { value: 1, isEdit: true },
         turn_time: "",
         workplace: "",
         morning_time: ["", ""],
@@ -51,7 +51,7 @@ function AddDoctorPage() {
       },
       {
         name: "دوشنبه",
-        number_turns: 1,
+        number_turns: { value: 1, isEdit: true },
         turn_time: "",
         workplace: "",
         morning_time: ["", ""],
@@ -59,7 +59,7 @@ function AddDoctorPage() {
       },
       {
         name: "سه شنبه",
-        number_turns: 1,
+        number_turns: { value: 1, isEdit: true },
         turn_time: "",
         workplace: "",
         morning_time: ["", ""],
@@ -67,7 +67,7 @@ function AddDoctorPage() {
       },
       {
         name: "چهار شنبه",
-        number_turns: 1,
+        number_turns: { value: 1, isEdit: true },
         turn_time: "",
         workplace: "",
         morning_time: ["", ""],
@@ -75,7 +75,7 @@ function AddDoctorPage() {
       },
       {
         name: "پنج شنبه",
-        number_turns: 1,
+        number_turns: { value: 1, isEdit: true },
         turn_time: "",
         workplace: "",
         morning_time: ["", ""],
@@ -84,7 +84,6 @@ function AddDoctorPage() {
     ],
   });
   console.log(data);
-  
 
   const components = [
     <GeneralInformation

components/panel/addDoctor/listMenu/workingDays/List.js

@@ -57,7 +57,7 @@ function List({ parent, data, setData, setIsDisable }) {
             </TableRow>
           </TableHead>
           <TableBody>
-            {data.map((row, idx) => (
+            {data[parent].map((row, idx) => (
               <TableRow
                 key={row.name}
                 sx={{ "&:last-child td, &:last-child th": { border: 0 } }}

components/panel/addDoctor/listMenu/workingDays/index.js

@@ -12,9 +12,9 @@ function WorkingDays({ parent, data, setData }) {
         لیست روزهای کاری
       </p>
       <List
+        data={data}
         parent={parent}
         setData={setData}
-        data={data.work_day}
         setIsDisable={setIsDisable}
       />
       <Button

components/panel/addDoctor/listMenu/workingDays/modal/Form.js

@@ -4,6 +4,7 @@ import TimePickerField from "@/app/component/TimePickerField";
 import AutoCompleteSelect from "@/app/component/element/AutoCompleteSelect";
 import { turnTime, workplace } from "./listSelector";
 import EditField from "@/app/component/EditField";
+import { useState } from "react";
 
 function Form({
   handleClose,
@@ -14,6 +15,7 @@ function Form({
   data,
   value,
 }) {
+  const [update, setUpdate] = useState(false);
   const updateData = (value, type, name) =>
     setData((prev) => {
       const newData = prev;
@@ -21,6 +23,13 @@ function Form({
       return newData;
     });
 
+  const updateNum = (value, type, name) => {
+    const prevData = data;
+    data[parent][dataChange.idx][name].value = +value;
+    setUpdate(!update);
+    setData(prevData);
+  };
+
   return (
     <div className="flex flex-col gap-[32px] md:gap-[36px] lg:gap-[40px] min-w-fit md:min-w-[420px]">
       <div className="flex relative flex-col gap-[16px]">
@@ -28,8 +37,8 @@ function Form({
           <EditField
             isTransparent={true}
             iconGray={true}
-            changeData={updateData}
-            data={data?.number_turns}
+            changeData={updateNum}
+            data={data[parent][dataChange.idx].number_turns}
             noDisable={true}
             type="number"
             placeholder="انتخاب کنید..."

components/panel/addDoctor/listMenu/workingDays/modal/index.js

@@ -21,7 +21,7 @@ function ContentModal({
   const handleChange = (event) => {
     const valueRadio = +event.target.value;
 
-    const newData = data;
+    const newData = data[parent];
     const { idx, is_morgen } = dataChange;
     newData[idx][is_morgen ? "morning_time" : "evening_time"][0] = "تعطیل";