38 lines
1.1 KiB
JavaScript
38 lines
1.1 KiB
JavaScript
"use client";
|
|
|
|
import { useState } from "react";
|
|
import List from "./list";
|
|
import SmSearch from "../searchHead/SmSearch";
|
|
import HeadPageList from "@/app/component/head";
|
|
import specialtiesData from "@/data/specialties.json";
|
|
import { searchOnList } from "@/helper";
|
|
|
|
function SpecialtiesPage() {
|
|
const [search, setSearch] = useState("");
|
|
const [filteredSpecialties, setFilteredSpecialties] = useState(specialtiesData);
|
|
|
|
const changeSearch = text => setSearch(text);
|
|
|
|
const handleSearch = () =>
|
|
setFilteredSpecialties(searchOnList(specialtiesData, search, 'name'));
|
|
|
|
return (
|
|
<div className="">
|
|
<HeadPageList
|
|
title="تخصص مورد نظر شما چیست؟"
|
|
detail="تخصص مورد نظرتان را جستجو کرده و یا از لیست زیر انتخاب نمایید:"
|
|
>
|
|
<SmSearch
|
|
search={search}
|
|
placeholder="جستجوی تخصص"
|
|
changeSearch={changeSearch}
|
|
handleSearch={handleSearch}
|
|
/>
|
|
</HeadPageList>
|
|
<List specialties={filteredSpecialties} />
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default SpecialtiesPage;
|