handle change data in doctor model, set previous data when user close modal, update list doctor after update data and change key name in url

components/doctors/search/index.js

@@ -4,7 +4,16 @@ import ArrowBottomD from "@/components/icons/ArrowBottomD";
 import SearchD from "@/components/icons/SearchD";
 import FilterModal from "../modal/FilterModal";
 
-function SearchBar({ data, setData, params }) {
+function SearchBar({
+  data,
+  setData,
+  params,
+  setDoctors,
+  matchedCity,
+  matchedState,
+  confirmedData,
+  setConfirmedData,
+}) {
   return (
     <ButtonGroup
       variant="contained"
@@ -12,7 +21,15 @@ function SearchBar({ data, setData, params }) {
             flex items-center !shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)]
             !h-[44px] sm:!h-[50px] md:!h-[57px] lg:!h-[64px]"
     >
-      <FilterModal data={data} setData={setData}>
+      <FilterModal
+        data={data}
+        setData={setData}
+        setDoctors={setDoctors}
+        matchedCity={matchedCity}
+        matchedState={matchedState}
+        confirmedData={confirmedData}
+        setConfirmedData={setConfirmedData}
+      >
         <Button
           className="!border-none !hidden lg:!flex !max-h-full !min-w-fit !h-[64px] !px-2 !bg-[#F8F8FF] !rounded-l-none"
           variant="contained"