fix bug selector

app/component/element/AutoCompleteSelect.js

@@ -8,9 +8,9 @@ function AutoCompleteSelect({ list, isError, updateData, name, label }) {
       disablePortal
       options={list}
       className="!w-full !rounded-lg"
-      onChange={(event) =>
+      onChange={(event) =>{
         updateData && updateData(event.target.innerText, "value", name)
-      }
+      }}
       sx={{
         ...styleTextSelectRight,
         // Hide Icon Number

components/panel/addDoctor/index.js

@@ -9,7 +9,7 @@ import GeneralInformation from "./listMenu/generalInformation";
 import Step from "./Step";
 
 function AddDoctorPage() {
-  const [value, setValue] = useState(0);
+  const [value, setValue] = useState(2);
   const [data, setData] = useState({
     general: {
       name: { value: "احسان احمدی", isEdit: false },
@@ -29,15 +29,59 @@ function AddDoctorPage() {
       city: { value: "", isEdit: false },
     },
     work_day: [
-      { name: "شنبه", morning_time: ["", ""], evening_time: ["", ""] },
-      { name: "یکشنبه", morning_time: ["", ""], evening_time: ["", ""] },
-      { name: "دوشنبه", morning_time: ["", ""], evening_time: ["", ""] },
-      { name: "سه شنبه", morning_time: ["", ""], evening_time: ["", ""] },
-      { name: "چهار شنبه", morning_time: ["", ""], evening_time: ["", ""] },
-      { name: "پنج شنبه", morning_time: ["", ""], evening_time: ["", ""] },
+      {
+        name: "شنبه",
+        number_turns: "",
+        turn_time: "",
+        workplace: "",
+        morning_time: ["", ""],
+        evening_time: ["", ""],
+      },
+      {
+        name: "یکشنبه",
+        number_turns: "",
+        turn_time: "",
+        workplace: "",
+        morning_time: ["", ""],
+        evening_time: ["", ""],
+      },
+      {
+        name: "دوشنبه",
+        number_turns: "",
+        turn_time: "",
+        workplace: "",
+        morning_time: ["", ""],
+        evening_time: ["", ""],
+      },
+      {
+        name: "سه شنبه",
+        number_turns: "",
+        turn_time: "",
+        workplace: "",
+        morning_time: ["", ""],
+        evening_time: ["", ""],
+      },
+      {
+        name: "چهار شنبه",
+        number_turns: "",
+        turn_time: "",
+        workplace: "",
+        morning_time: ["", ""],
+        evening_time: ["", ""],
+      },
+      {
+        name: "پنج شنبه",
+        number_turns: "",
+        turn_time: "",
+        workplace: "",
+        morning_time: ["", ""],
+        evening_time: ["", ""],
+      },
     ],
   });
 
+  console.log(data);
+
   const components = [
     <GeneralInformation
       data={data}

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

@@ -16,6 +16,7 @@ function List({ parent, data, setData }) {
   const [open, setOpen] = useState(false);
   const handleOpen = () => setOpen(true);
   const handleClose = () => setOpen(false);
+
   const [dataChange, setDataChange] = useState({
     is_morgen: false,
     idx: undefined,
@@ -136,6 +137,7 @@ function List({ parent, data, setData }) {
       <ContentModal
         open={open}
         data={data}
+        parent={parent}
         setOpen={setOpen}
         setData={setData}
         dataChange={dataChange}

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

@@ -1,11 +1,52 @@
 import { Button } from "@mui/material";
 import ContentText from "@/app/component/ContentText";
 import TimePickerField from "@/app/component/TimePickerField";
+import AutoCompleteSelect from "@/app/component/element/AutoCompleteSelect";
+import { numberTurns, turnTime, workplace } from "./listSelector";
+
+function Form({
+  handleClose,
+  isVacation,
+  parent,
+  setData,
+  dataChange,
+  data,
+  value,
+}) {
+  const updateData = (value, type, name) =>
+    setData((prev) => {
+      const newData = prev;
+      newData[parent][dataChange.idx][name] = value;
+      return newData;
+    });
 
-function Form({ handleClose, isVacation, setData, dataChange, data, value }) {
   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-[32px] md:gap-[36px] lg:gap-[40px]">
+      <div className="flex relative flex-col gap-[16px]">
+        <ContentText text="گروه خونی">
+          <AutoCompleteSelect
+            updateData={updateData}
+            label="گروه خونی"
+            name="number_turns"
+            list={numberTurns}
+          />
+        </ContentText>
+        <ContentText text="گروه خونی">
+          <AutoCompleteSelect
+            updateData={updateData}
+            label="گروه خونی"
+            name="turn_time"
+            list={turnTime}
+          />
+        </ContentText>
+        <ContentText text="گروه خونی">
+          <AutoCompleteSelect
+            updateData={updateData}
+            label="گروه خونی"
+            name="workplace"
+            list={workplace}
+          />
+        </ContentText>
         <ContentText text="زمان شروع">
           <TimePickerField
             dataChange={dataChange}

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

@@ -6,7 +6,7 @@ function Radios({ value, handleChange }) {
       dir="ltr"
       defaultValue={value}
       onChange={handleChange}
-      className="!flex !flex-row !mb-[32px] md:!mb-[36px] !my-[40px] !gap-[36px] !items-center !justify-end"
+      className="!flex !flex-row !mb-[24px] !my-[40px] !gap-[36px] !items-center !justify-end"
       sx={{
         "& .muirtl-j204z7-MuiFormControlLabel-root": {
           marginLeft: "0 !important",

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

@@ -3,9 +3,16 @@ import { styleDefault } from "@/mui";
 import { Box, Button, Modal } from "@mui/material";
 import Radios from "./Radios";
 import Form from "./Form";
-import { useEffect, useState } from "react";
+import { useState } from "react";
 
-function ContentModal({ open, data, setData, dataChange, handleClose }) {
+function ContentModal({
+  open,
+  data,
+  setData,
+  parent,
+  dataChange,
+  handleClose,
+}) {
   const [value, setValue] = useState(0);
   const [isVacation, setIsVacation] = useState(false);
 
@@ -42,6 +49,7 @@ function ContentModal({ open, data, setData, dataChange, handleClose }) {
             isVacation={isVacation}
             dataChange={dataChange}
             setData={setData}
+            parent={parent}
             value={value}
             data={data}
           />

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

@@ -0,0 +1,19 @@
+const numberTurns = [
+  { id: "1", label: 1 },
+  { id: "2", label: 2 },
+  { id: "3", label: 3 },
+];
+
+const turnTime = [
+  { id: "1", label: "10:00" },
+  { id: "2", label: "11:00" },
+  { id: "3", label: "12:00" },
+];
+
+const workplace = [
+  { id: "1", label: "تهران" },
+  { id: "2", label: "رشت" },
+  { id: "3", label: "اصفهان" },
+];
+
+export { numberTurns, turnTime, workplace };