diff --git a/app/component/element/AutoCompleteSelect.js b/app/component/element/AutoCompleteSelect.js index 10af6d2..05fb07f 100644 --- a/app/component/element/AutoCompleteSelect.js +++ b/app/component/element/AutoCompleteSelect.js @@ -8,7 +8,9 @@ function AutoCompleteSelect({ list, isError, updateData, name, label }) { disablePortal options={list} className="!w-full !rounded-lg" - onChange={(event) => updateData && updateData(event.target.value, "value", name)} + onChange={(event) => + updateData && updateData(event.target.innerText, "value", name) + } sx={{ ...styleTextSelectRight, // Hide Icon Number diff --git a/components/panel/addDoctor/listMenu/generalInformation/form/index.js b/components/panel/addDoctor/listMenu/generalInformation/form/index.js index 52f8cef..d756e5f 100644 --- a/components/panel/addDoctor/listMenu/generalInformation/form/index.js +++ b/components/panel/addDoctor/listMenu/generalInformation/form/index.js @@ -1,21 +1,16 @@ -import { useState } from "react"; -import ContentText from "@/app/component/ContentText"; -import EditField from "@/app/component/EditField"; -import AutoCompleteSelect from "@/app/component/element/AutoCompleteSelect"; +import { Button } from "@mui/material"; +import FieldDate from "./FieldDate"; import { degree } from "./listSelector"; import RadioGender from "./RadioGender"; -import { Button } from "@mui/material"; + +// Components +import EditField from "@/app/component/EditField"; +import ContentText from "@/app/component/ContentText"; import ArrowLeftPA from "@/components/icons/ArrowLeftPA"; -import FieldDate from "./FieldDate"; +import AutoCompleteSelect from "@/app/component/element/AutoCompleteSelect"; function Form({ setValue, parent, data, setData }) { - const [selected, setSelected] = useState({ - degree: "", - }); - const updateSelect = (event, name) => - setSelected({ ...selected, [name]: event.target.innerText }); - - const changeData = (value, type, name) => { + const changeData = (value, type, name) => setData((prev) => { return { ...prev, @@ -28,7 +23,6 @@ function Form({ setValue, parent, data, setData }) { }, }; }); - }; return (