57 lines
1.7 KiB
JavaScript
57 lines
1.7 KiB
JavaScript
import SwitchContent from "./SwitchContent";
|
|
import RadioContent from "./RadioContent";
|
|
import { filterList } from "@/helper";
|
|
import { useState } from "react";
|
|
import CateSelector from "./CateSelector";
|
|
|
|
const gender = ["زن", "مرد", "هر دو"];
|
|
const degree = ["پزشک عمومی", "پزشک متخصص", "پزشک فوق تخصص", "همه موارد"];
|
|
|
|
function Form({ data, changeData }) {
|
|
const { parentList, childrenList } = filterList(data);
|
|
|
|
return (
|
|
<>
|
|
<CateSelector
|
|
list={parentList}
|
|
label="دسته بندی"
|
|
value={data.category}
|
|
updateData={(value) => changeData(value, "category", true, "field")}
|
|
/>
|
|
{!!childrenList.length && (
|
|
<div className="mt-[24px]">
|
|
<CateSelector
|
|
list={childrenList}
|
|
updateData={(value) =>
|
|
changeData(value, "specialties", false, "field")
|
|
}
|
|
value={data.specialties}
|
|
label="تخصص"
|
|
/>
|
|
</div>
|
|
)}
|
|
<div className="mt-[40px] mb-[32px]">
|
|
<RadioContent
|
|
changeData={changeData}
|
|
value={data.gender}
|
|
text="جنسیت پزشک"
|
|
group={gender}
|
|
name="gender"
|
|
/>
|
|
<span className="block mt-[16px] mb-[24px] w-full h-px bg-[#EFEFEF]"></span>
|
|
<RadioContent
|
|
changeData={changeData}
|
|
value={data.degree}
|
|
text="درجه علمی"
|
|
group={degree}
|
|
name="degree"
|
|
/>
|
|
<span className="block mt-[16px] mb-[24px] w-full h-px bg-[#EFEFEF]"></span>
|
|
<SwitchContent data={data} changeData={changeData} />
|
|
</div>
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default Form;
|