fix bug selector

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";
-
-const specialties = [
-  "چشم پزشکی1",
-  "چشم پزشکی2",
-  "چشم پزشکی3",
-  "چشم پزشکی4",
-  "چشم پزشکی5",
-];
+import { category, expertise } from "./listSelector";
 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")}
-        list={specialties}
+        updateData={changeData}
+        list={category}
         name="expertise"
         label="دسته بندی"
       />
       <div className="mt-[24px]">
         <AutoCompleteSelect
-          updateData={(event) =>
-            changeData(event.target.innerText, "expertise")
-          }
-          list={specialties}
+          updateData={changeData}
+          list={expertise}
           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 };