handle like comments data, req for update comments and add loading for like comment && search specialty with searchbar in doctors page && set category and specialty data

components/doctors/search/SearchField.js

@@ -1,7 +1,7 @@
-import AutoCompleteSearch from "@/components/searchHead/smSearch/AutoCompleteSearch";
-import specialties from "@/data/specialties.json";
 import { clearFilterParams } from "@/helper";
 import { useRouter } from "next/navigation";
+import specialties from "@/data/specialties.json";
+import AutoComplete from "./AutoComplete";
 
 function SearchField({ filter, setFilter, updateData, setDataInURL }) {
   const router = useRouter();
@@ -19,13 +19,43 @@ function SearchField({ filter, setFilter, updateData, setDataInURL }) {
     setFilter(newFilter);
     // setDataInURL(newFilter);
   };
+
+  console.log(filter);
+
+  const handleSearch = (e) => {
+    const findName = specialties.find((item) => item.name === e);
+    console.log(findName);
+
+    if (findName) {
+      let newFilter = { ...filter };
+      if (findName.parent) {
+        const itemParent = specialties.find(
+          (item) => item.id === findName.parent
+        );
+        newFilter.category = itemParent;
+        newFilter.specialty = findName;
+        // updateData("name", e);
+      } else {
+        newFilter.category = findName;
+        newFilter.specialty = "";
+      }
+      newFilter.name = e
+      setFilter(newFilter);
+      // const newFilter = { ...filter, [name]: e };
+      // setFilter(newFilter);
+    } else {
+      updateData("name", e);
+    }
+  };
+
   return (
     <div className="!min-w-[50%] !w-[524px]">
-      <AutoCompleteSearch
+      <AutoComplete
         data={specialties}
         clearText={clearText}
         inputValue={filter.name}
-        handleSearch={(e) => updateData("name", e)}
+        handleSearch={handleSearch}
+        // handleSearch={(e) => updateData("name", e)}
         placeholder="جستجوی نام پزشک، تخصص، بیماری ..."
       />
     </div>