handle request in modal filters, selector sort, search city with one function and field-search & handle change all data in doctors filter with one function & change modal search location in home page & set data with diffrent key in url of page doctors

components/doctors/search/index.js

@@ -6,17 +6,11 @@ import SendReq from "./SendReq";
 import SearchField from "./SearchField";
 
 function SearchBar({
-  data,
-  fields,
   filter,
-  setData,
+  sendReq,
   setFilter,
-  setDoctors,
   updateData,
-  matchedCity,
-  matchedState,
-  confirmedData,
-  setConfirmedData,
+  setDataInURL,
 }) {
   return (
     <ButtonGroup
@@ -26,16 +20,11 @@ function SearchBar({
         !h-[44px] sm:!h-[50px] md:!h-[57px] lg:!h-[64px]"
     >
       <FilterModal
-        data={data}
         filter={filter}
-        setData={setData}
+        sendReq={sendReq}
         setFilter={setFilter}
-        setDoctors={setDoctors}
         updateData={updateData}
-        matchedCity={matchedCity}
-        matchedState={matchedState}
-        confirmedData={confirmedData}
-        setConfirmedData={setConfirmedData}
+        setDataInURL={setDataInURL}
       >
         <Button
           color="secondary"
@@ -54,12 +43,7 @@ function SearchBar({
         </Button>
       </FilterModal>
       <SearchField filter={filter} updateData={updateData} />
-      <SendReq
-        fields={fields}
-        setDoctors={setDoctors}
-        matchedCity={matchedCity}
-        matchedState={matchedState}
-      />
+      <SendReq sendReq={sendReq} />
     </ButtonGroup>
   );
 }