hamed
56e264e44c
- Introduced SpecialtyChips component to manage the display of doctor's specialties with a primary specialty and a count of additional specialties. - Updated ItemDoctor component to utilize SpecialtyChips for better UI presentation. - Enhanced PosterLight and Poster components to display primary specialties and a text line for sub-specialties. - Implemented nextSpecialtyFilter function to improve specialty selection logic in the Content component. - Updated search functionality to allow searching by both doctor name and specialty. - Added new specialties to specialties.json for better coverage. - Created sync-specialties script to synchronize specialties data with the backend during build. - Added tests for new components and helper functions to ensure functionality and reliability.
60 lines
1.9 KiB
JavaScript
60 lines
1.9 KiB
JavaScript
import SwitchContent from "./SwitchContent";
|
|
import RadioContent from "./RadioContent";
|
|
import { filterList } from "@/helper";
|
|
import CateSelector from "./CateSelector";
|
|
|
|
const gender = ["زن", "مرد", "هر دو"];
|
|
const degree = ["پزشک عمومی", "پزشک متخصص", "پزشک فوق تخصص", "همه موارد"];
|
|
|
|
function Form({ filter, changeSpecialty, updateData }) {
|
|
const { parentList, childrenList } = filterList(filter);
|
|
|
|
return (
|
|
<>
|
|
<CateSelector
|
|
name="category"
|
|
list={parentList}
|
|
label="دسته بندی"
|
|
value={filter.category}
|
|
updateData={changeSpecialty}
|
|
/>
|
|
<div
|
|
className={`${!!childrenList.length ? "max-h-32 mt-[24px]" : "max-h-0 mt-0"} overflow-hidden transition-all duration-500`}
|
|
>
|
|
<CateSelector
|
|
name="specialty"
|
|
list={childrenList}
|
|
updateData={changeSpecialty}
|
|
value={filter.specialty}
|
|
// خالیبودن یعنی کل گروه؛ برچسب همین را میگوید تا کاربر فکر نکند
|
|
// چیزی را جا انداخته.
|
|
label={
|
|
filter.category ? `همه تخصصهای ${filter.category.name}` : "تخصص"
|
|
}
|
|
/>
|
|
</div>
|
|
<div className="mt-[40px] mb-[32px]">
|
|
<RadioContent
|
|
updateData={updateData}
|
|
value={filter.gender}
|
|
text="جنسیت پزشک"
|
|
group={gender}
|
|
name="gender"
|
|
/>
|
|
<span className="block mt-[16px] mb-[24px] w-full h-px bg-[#EFEFEF]"></span>
|
|
<RadioContent
|
|
updateData={updateData}
|
|
value={filter.degree}
|
|
text="درجه علمی"
|
|
group={degree}
|
|
name="degree"
|
|
/>
|
|
<span className="block mt-[16px] mb-[24px] w-full h-px bg-[#EFEFEF]"></span>
|
|
<SwitchContent filter={filter} updateData={updateData} />
|
|
</div>
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default Form;
|