fix bug selector

components/clinics/head/modal/index.js

@@ -34,7 +34,7 @@ function ModalSearchCity() {
   });
 
   const updateData = (event, name) =>
-    setSelected({ ...selected, [name]: event.target.innerText });
+    setSelected({ ...selected, [name]: event });
 
   return (
     <>

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

@@ -11,7 +11,7 @@ import {
   job,
 } from "./listSelector";
 
-function Form({ data, selected, changeData, updateSelect }) {
+function Form({ data, changeData, updateSelect }) {
   return (
     <div className="grid grid-cols-1 lg:grid-cols-2 gap-[24px]">
       <Content title="شماره موبایل" isConfirmed={true}>

components/dashboard/userAccount/tabs/detailUser/index.js

@@ -39,7 +39,6 @@ function DetailUser({ user }) {
     <div className="opacity-page">
       <Form
         data={data}
-        selected={selected}
         changeData={changeData}
         updateSelect={updateSelect}
       />

components/doctors/modal/Content.js

@@ -1,14 +1,7 @@
 import AutoCompleteSelect from "@/app/component/element/AutoCompleteSelect";
 import RadioContent from "./RadioContent";
 import { Switch } from "@mui/material";
-
+import { category, expertise } from "./listSelector";
-const specialties = [
-  "چشم پزشکی1",
-  "چشم پزشکی2",
-  "چشم پزشکی3",
-  "چشم پزشکی4",
-  "چشم پزشکی5",
-];
 const group1 = ["خانم", "آقا", "هر دو"];
 const group2 = ["فوق تخصص", "دکترای تخصصی", "متخصص", "دکتری"];
 
@@ -22,17 +15,15 @@ function Content({ data, setData }) {
   return (
     <div className="mt-[50px] px-[0px] md:px-[19px] lg:px-[38px] mb-[32px]">
       <AutoCompleteSelect
-        updateData={(event) => changeData(event.target.innerText, "expertise")}
+        updateData={changeData}
-        list={specialties}
+        list={category}
         name="expertise"
         label="دسته بندی"
       />
       <div className="mt-[24px]">
         <AutoCompleteSelect
-          updateData={(event) =>
+          updateData={changeData}
-            changeData(event.target.innerText, "expertise")
+          list={expertise}
-          }
-          list={specialties}
           name="expertise"
           label="تخصص"
         />

components/doctors/modal/Radios.js

@@ -4,6 +4,7 @@ function Radios({ group, value, changeData }) {
   return (
     <RadioGroup
       value={value}
+      className="radio-mui"
       onChange={(e) => changeData(e.target.value)}
       sx={{
         "& .MuiFormControlLabel-root": {

components/doctors/modal/listSelector.js

@@ -0,0 +1,17 @@
+const category = [
+  { label: "چشم پزشکی 1", id: 10 },
+  { label: "چشم پزشکی 2", id: 20 },
+  { label: "چشم پزشکی 3", id: 30 },
+  { label: "چشم پزشکی 4", id: 40 },
+  { label: "چشم پزشکی 5", id: 40 },
+];
+
+const expertise = [
+  { label: "تخصص 1", id: 10 },
+  { label: "تخصص 2", id: 20 },
+  { label: "تخصص 3", id: 30 },
+  { label: "تخصص 4", id: 40 },
+  { label: "تخصص 5", id: 40 },
+];
+
+export { category, expertise };

components/home/search/modal/index.js

@@ -34,7 +34,7 @@ function ModalSearchCity() {
   });
 
   const updateData = (event, name) =>
-    setSelected({ ...selected, [name]: event.target.innerText });
+    setSelected({ ...selected, [name]: event });
 
   return (
     <>