change list sort doctors page & change function search list specialties & remove pagination from page specialties & fix zoom page & change design all fields & change regex validation phone number for nobat724 and clinic-pro

components/specialties/index.js

@@ -1,29 +1,21 @@
 "use client";
 
-import { useEffect, useState } from "react";
+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";
 
 function SpecialtiesPage() {
-  const [searchQuery, setSearchQuery] = useState("");
   const [filteredSpecialties, setFilteredSpecialties] = useState(specialtiesData);
 
-  useEffect(() => {
-    if (searchQuery.trim() === "") {
-      setFilteredSpecialties(specialtiesData);
-    } else {
-      const query = searchQuery.toLowerCase().trim();
-      const filtered = specialtiesData.filter((specialty) =>
-        specialty.name.toLowerCase().includes(query)
-      );
-      setFilteredSpecialties(filtered);
-    }
-  }, [searchQuery]);
-
-  const handleSearch = (query) => {
-    setSearchQuery(query);
+  const searchHandler = (e) => {
+    const value = e.target.value
+    setFilteredSpecialties(
+      specialtiesData.filter(item =>
+        item.name.toLowerCase().includes(value)
+      )
+    )
   };
 
   return (
@@ -32,7 +24,7 @@ function SpecialtiesPage() {
         title="تخصص مورد نظر شما چیست؟"
         detail="تخصص مورد نظرتان را جستجو کرده و یا از لیست زیر انتخاب نمایید:"
       >
-        <SmSearch placeholder="جستجوی تخصص" onSearch={handleSearch} />
+        <SmSearch placeholder="جستجوی تخصص" searchHandler={searchHandler} />
       </HeadPageList>
       <List specialties={filteredSpecialties} />
     </div>