responsive page doctor item & page booking

components/clinic/components/about/index.js

@@ -1,4 +1,5 @@
 import { useState } from "react";
+
 import ListBime from "./ListBime";
 import Services from "./Services";
 import Images from "./iamges/Images";

components/clinic/components/contact/index.js

@@ -2,7 +2,7 @@ import { useState } from "react";
 
 import RoutingWhiteC from "@/components/icons/RoutingWhiteC";
 import { Button } from "@mui/material";
-import ModalSearchCity from "./modal";
+import ModalOpenLocation from "./modal";
 import Detail from "./Detail";
 import RoutingC from "@/components/icons/RoutingC";
 
@@ -22,7 +22,7 @@ function Contact({ data }) {
         >
             <div className="flex items-end justify-between">
                 <Detail data={data} />
-                <ModalSearchCity
+                <ModalOpenLocation
                     open={open}
                     setOpen={setOpen}
                     handleClose={handleClose}
@@ -35,7 +35,7 @@ function Contact({ data }) {
                         <RoutingC />
                         مسیریابی
                     </Button>
-                </ModalSearchCity>
+                </ModalOpenLocation>
             </div>
             <div
                 className="w-full relative h-[460px] mt-[24px]"
@@ -45,7 +45,7 @@ function Contact({ data }) {
                     className='w-full h-full rounded-lg'
                     loading="lazy"
                 ></iframe>
-                <ModalSearchCity
+                <ModalOpenLocation
                     open={open}
                     setOpen={setOpen}
                     handleClose={handleClose}
@@ -56,7 +56,7 @@ function Contact({ data }) {
                     >
                         <RoutingWhiteC />
                     </Button>
-                </ModalSearchCity>
+                </ModalOpenLocation>
             </div>
         </div>
     )

components/clinic/components/contact/modal/index.js

@@ -4,7 +4,7 @@ import { Drawer, Modal } from "@mui/material";
 import { styleDefault } from "@/mui";
 import Content from "./Content";
 
-function ModalSearchCity({ open, setOpen, handleClose, children }) {
+function ModalOpenLocation({ open, setOpen, handleClose, children }) {
 
     const toggleDrawer = (newOpen) => () => {
         setOpen(newOpen);
@@ -48,4 +48,4 @@ function ModalSearchCity({ open, setOpen, handleClose, children }) {
     )
 }
 
-export default ModalSearchCity
+export default ModalOpenLocation