add loading for redirect button from home to doctors page && change filter for field search in name or specialty and set in url && fix bug select city in home page

components/doctors/search/AutoComplete.js

@@ -19,7 +19,6 @@ function AutoComplete({
         },
       }
     : {};
-  console.log(inputValue);
 
   return (
     <Autocomplete

components/doctors/search/SearchField.js

@@ -20,11 +20,10 @@ function SearchField({ filter, setFilter, updateData, setDataInURL }) {
     // setDataInURL(newFilter);
   };
 
-  console.log(filter);
-
   const handleSearch = (e) => {
     const findName = specialties.find((item) => item.name === e);
-    console.log(findName);
+    const searchParams = new URLSearchParams(window.location.search);
+    let dataUrl = {};
 
     if (findName) {
       let newFilter = { ...filter };
@@ -32,19 +31,43 @@ function SearchField({ filter, setFilter, updateData, setDataInURL }) {
         const itemParent = specialties.find(
           (item) => item.id === findName.parent
         );
+        dataUrl.specialty = findName.name;
         newFilter.category = itemParent;
         newFilter.specialty = findName;
         // updateData("name", e);
       } else {
+        dataUrl.specialty = findName.name;
         newFilter.category = findName;
         newFilter.specialty = "";
       }
-      newFilter.name = e
+
+      searchParams.delete("name");
+      Object.entries(dataUrl).forEach(([key, value]) => {
+        if (value) {
+          searchParams.set(key, value);
+        }
+      });
+      router.push(`?${searchParams.toString()}`);
+      newFilter.name = e;
       setFilter(newFilter);
       // const newFilter = { ...filter, [name]: e };
       // setFilter(newFilter);
     } else {
-      updateData("name", e);
+      let newFilter = filter;
+
+      if (
+        filter.name === filter.specialty?.name ||
+        filter.name === filter.category?.name
+      ) {
+        searchParams.delete("specialty");
+        newFilter.specialty = "";
+        newFilter.category = "";
+        router.push(`?${searchParams.toString()}`);
+      }
+      newFilter.name = e;
+      // updateData("name", e);
+      setFilter(newFilter);
+      setDataInURL(newFilter);
     }
   };
 

components/doctors/search/SendReq.js

@@ -28,8 +28,8 @@ function SendReq({ filter, setFilter, setDataInURL, sendReq }) {
   const filterData = () => {
     setLoading(true);
     // const newFilter = checkName();
-    setFilter(filter);
-    setDataInURL(filter);
+    // setFilter(filter);
+    // setDataInURL(filter);
 
     sendReq(filter).finally(() => {
       setLoading(false);