add prettier formatter to all file

components/clinic/components/contact/ContentDetail.js

@@ -1,16 +1,18 @@
 import TextLoading from "@/app/component/loading/Text";
 
 function ContentDetail({ head, detail, loading }) {
-    return (
-        <li className="flex flex-col items-start justify-center gap-4">
-            <TextLoading width={100} height={18} loading={loading}>
-                <p className="text-[#525252] text-[14px] sm:text-[16px] md:text-[18px] lg:text-[20px] font-bold">{head}</p>
-            </TextLoading>
-            <TextLoading width={160} height={18} loading={loading}>
-                <p className="text-[14px] md:text-[16px] text-[#525252]">{detail}</p>
-            </TextLoading>
-        </li>
-    )
+  return (
+    <li className="flex flex-col items-start justify-center gap-4">
+      <TextLoading width={100} height={18} loading={loading}>
+        <p className="text-[#525252] text-[14px] sm:text-[16px] md:text-[18px] lg:text-[20px] font-bold">
+          {head}
+        </p>
+      </TextLoading>
+      <TextLoading width={160} height={18} loading={loading}>
+        <p className="text-[14px] md:text-[16px] text-[#525252]">{detail}</p>
+      </TextLoading>
+    </li>
+  );
 }
 
-export default ContentDetail;
+export default ContentDetail;

components/clinic/components/contact/Detail.js

@@ -1,30 +1,22 @@
-import ContentDetail from "./ContentDetail"
+import ContentDetail from "./ContentDetail";
 
 function Detail({ data, loading }) {
-    return (
-        <ul className="flex flex-col items-start justify-start gap-[16px]">
-            <ContentDetail
-                head='روزهای کاری: '
-                loading={loading}
-                detail={`ساعت کاری: ${data.hours_of_work}`}
-            />
-            <ContentDetail
-                head='تلفن: '
-                loading={loading}
-                detail={`${data.phone_number_1} ${data.phone_number_2}`}
-            />
-            <ContentDetail
-                head='ایمیل:'
-                loading={loading}
-                detail={data.email}
-            />
-            <ContentDetail
-                head='آدرس: '
-                loading={loading}
-                detail={data.location}
-            />
-        </ul>
-    )
+  return (
+    <ul className="flex flex-col items-start justify-start gap-[16px]">
+      <ContentDetail
+        head="روزهای کاری: "
+        loading={loading}
+        detail={`ساعت کاری: ${data.hours_of_work}`}
+      />
+      <ContentDetail
+        head="تلفن: "
+        loading={loading}
+        detail={`${data.phone_number_1} ${data.phone_number_2}`}
+      />
+      <ContentDetail head="ایمیل:" loading={loading} detail={data.email} />
+      <ContentDetail head="آدرس: " loading={loading} detail={data.location} />
+    </ul>
+  );
 }
 
-export default Detail
+export default Detail;

components/clinic/components/contact/index.js

@@ -8,61 +8,58 @@ import ModalOpenLocation from "@/app/component/openLocation";
 import CustomLoading from "@/app/component/loading/Custom";
 
 function Contact({ data, loading }) {
+  const [open, setOpen] = useState(false);
+  const handleOpen = () => setOpen(true);
+  const handleClose = () => setOpen(false);
 
-    const [open, setOpen] = useState(false);
-    const handleOpen = () => setOpen(true);
-    const handleClose = () => setOpen(false);
-
-    return (
-        <div
-            className="
+  return (
+    <div
+      className="
                 opacity-page border border-[#EFEFEF] rounded-[16px]
                 py-[12px] sm:py-[18px] md:py-[25px] lg:py-[32px] 
                 px-[12px] sm:px-[30px] md:px-[47px] lg:px-[64px]
             "
+    >
+      <div className="flex items-end justify-between">
+        <Detail data={data} loading={loading} />
+        <ModalOpenLocation
+          open={open}
+          setOpen={setOpen}
+          handleClose={handleClose}
         >
-            <div className="flex items-end justify-between">
-                <Detail data={data} loading={loading} />
-                <ModalOpenLocation
-                    open={open}
-                    setOpen={setOpen}
-                    handleClose={handleClose}
-                >
-                    <Button
-                        className="!hidden md:!flex !gap-[8px] !py-[8px] !px-[12px]"
-                        onClick={handleOpen}
-                        variant="outlined"
-                    >
-                        <RoutingC />
-                        مسیریابی
-                    </Button>
-                </ModalOpenLocation>
-            </div>
-            <div
-                className="w-full relative h-[460px] mt-[24px]"
+          <Button
+            className="!hidden md:!flex !gap-[8px] !py-[8px] !px-[12px]"
+            onClick={handleOpen}
+            variant="outlined"
+          >
+            <RoutingC />
+            مسیریابی
+          </Button>
+        </ModalOpenLocation>
+      </div>
+      <div className="w-full relative h-[460px] mt-[24px]">
+        <CustomLoading width="full" height={400} loading={loading}>
+          <iframe
+            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d83998.96777841153!2d2.264635095144491!3d48.85882549249809!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66e1f06e2b70f%3A0x40b82c3688c9460!2sParis%2C%20France!5e0!3m2!1sen!2snl!4v1723498499341!5m2!1sen!2snl"
+            className="w-full h-full rounded-lg"
+            loading="lazy"
+          ></iframe>
+          <ModalOpenLocation
+            open={open}
+            setOpen={setOpen}
+            handleClose={handleClose}
+          >
+            <Button
+              className="!flex md:!hidden !p-2 !absolute !left-3 !bottom-3 !rounded-full !border !border-[#5559CE] !bg-[#5559CE] !shadow-[0px_1px_24.8px_0px_rgba(69,_69,_69,_0.54)]"
+              onClick={handleOpen}
             >
-                <CustomLoading width='full' height={400} loading={loading}>
-                    <iframe
-                        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d83998.96777841153!2d2.264635095144491!3d48.85882549249809!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66e1f06e2b70f%3A0x40b82c3688c9460!2sParis%2C%20France!5e0!3m2!1sen!2snl!4v1723498499341!5m2!1sen!2snl"
-                        className='w-full h-full rounded-lg'
-                        loading="lazy"
-                    ></iframe>
-                    <ModalOpenLocation
-                        open={open}
-                        setOpen={setOpen}
-                        handleClose={handleClose}
-                    >
-                        <Button
-                            className="!flex md:!hidden !p-2 !absolute !left-3 !bottom-3 !rounded-full !border !border-[#5559CE] !bg-[#5559CE] !shadow-[0px_1px_24.8px_0px_rgba(69,_69,_69,_0.54)]"
-                            onClick={handleOpen}
-                        >
-                            <RoutingWhiteC />
-                        </Button>
-                    </ModalOpenLocation>
-                </CustomLoading>
-            </div>
-        </div>
-    )
+              <RoutingWhiteC />
+            </Button>
+          </ModalOpenLocation>
+        </CustomLoading>
+      </div>
+    </div>
+  );
 }
 
-export default Contact
+export default Contact;

components/clinic/components/contact/modal/Content.js

@@ -1,40 +1,44 @@
-import CloseModalD from '@/components/icons/CloseModalD'
-import Image from 'next/image'
+import CloseModalD from "@/components/icons/CloseModalD";
+import Image from "next/image";
 
 const maps = [
-    { src: '/assets/images/snapp.png', name: 'snapp' },
-    { src: '/assets/images/tapsi.png', name: 'tapsi' },
-    { src: '/assets/images/maps.png', name: 'maps' },
-    { src: '/assets/images/balad.png', name: 'balad' },
-    { src: '/assets/images/waze.png', name: 'waze' }
-]
+  { src: "/assets/images/snapp.png", name: "snapp" },
+  { src: "/assets/images/tapsi.png", name: "tapsi" },
+  { src: "/assets/images/maps.png", name: "maps" },
+  { src: "/assets/images/balad.png", name: "balad" },
+  { src: "/assets/images/waze.png", name: "waze" },
+];
 
 function Content({ handleClose }) {
-    return (
-        <>
-            <div className="flex items-center justify-between">
-                <p className="text-[#3B3B3B] text-[14px] sm:text-[16px] md:text-[18px] lg:text-[20px] font-medium">باز شدن با</p>
-                <div className="cursor-pointer" onClick={handleClose}>
-                    <CloseModalD />
-                </div>
-            </div>
-            <span className="bg-[#EFEFEF] block h-px w-full mt-[12px] mb-[22px]"></span>
-            <ul className="flex items-center justify-center gap-[32px] md:gap-[36px] lg:gap-[40px] mx-auto flex-wrap md:flex-nowrap md:mx-[72px]">
-                {maps.map((item, idx) => (
-                    <li className="flex items-center flex-col justify-center gap-1">
-                        <Image
-                            className='w-[32px] h-[32px] lg:w-[40px] lg:h-[40px]'
-                            src={item.src}
-                            alt="icon app"
-                            height={40}
-                            width={40}
-                        />
-                        <p className="text-[#3B3B3B] font-normal text-[14px]">{item.name}</p>
-                    </li>
-                ))}
-            </ul>
-        </>
-    )
+  return (
+    <>
+      <div className="flex items-center justify-between">
+        <p className="text-[#3B3B3B] text-[14px] sm:text-[16px] md:text-[18px] lg:text-[20px] font-medium">
+          باز شدن با
+        </p>
+        <div className="cursor-pointer" onClick={handleClose}>
+          <CloseModalD />
+        </div>
+      </div>
+      <span className="bg-[#EFEFEF] block h-px w-full mt-[12px] mb-[22px]"></span>
+      <ul className="flex items-center justify-center gap-[32px] md:gap-[36px] lg:gap-[40px] mx-auto flex-wrap md:flex-nowrap md:mx-[72px]">
+        {maps.map((item, idx) => (
+          <li className="flex items-center flex-col justify-center gap-1">
+            <Image
+              className="w-[32px] h-[32px] lg:w-[40px] lg:h-[40px]"
+              src={item.src}
+              alt="icon app"
+              height={40}
+              width={40}
+            />
+            <p className="text-[#3B3B3B] font-normal text-[14px]">
+              {item.name}
+            </p>
+          </li>
+        ))}
+      </ul>
+    </>
+  );
 }
 
-export default Content
+export default Content;

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

@@ -1,51 +1,44 @@
-'use client';
+"use client";
 
 import { Drawer, Modal } from "@mui/material";
 import { styleDefault } from "@/mui";
 import Content from "./Content";
 
 function ModalOpenLocation({ open, setOpen, handleClose, children }) {
+  const toggleDrawer = (newOpen) => () => {
+    setOpen(newOpen);
+  };
 
-    const toggleDrawer = (newOpen) => () => {
-        setOpen(newOpen);
-    };
-
-    return (
-        <>
-            {/* Button Modal */}
-            {children}
-            {/* Content Modal */}
-            <Modal
-                open={open}
-                onClose={handleClose}
-                className="!hidden md:!flex"
-            >
-                <div
-                    style={styleDefault}
-                    className="!pt-[12px] !pb-[28px] !px-[24px] !bg-[#FAFAFA] !rounded-[8px] !overflow-hidden"
-                >
-                    <Content onClose={handleClose} />
-                </div>
-            </Modal>
-            <Drawer
-                open={open}
-                anchor="bottom"
-                onClose={toggleDrawer(false)}
-                className="!flex md:!hidden"
-                sx={{
-                    '& .MuiPaper-root': {
-                        borderRadius: '25px 25px 0px 0px'
-                    }
-                }}
-            >
-                <div
-                    className="!pt-[12px] !pb-[28px] !px-[24px] !bg-[#FAFAFA] !rounded-[8px] !overflow-hidden !shadow-[0px_1px_24.8px_0px_rgba(155,_155,_155,_0.27)]"
-                >
-                    <Content handleClose={handleClose} />
-                </div>
-            </Drawer>
-        </>
-    )
+  return (
+    <>
+      {/* Button Modal */}
+      {children}
+      {/* Content Modal */}
+      <Modal open={open} onClose={handleClose} className="!hidden md:!flex">
+        <div
+          style={styleDefault}
+          className="!pt-[12px] !pb-[28px] !px-[24px] !bg-[#FAFAFA] !rounded-[8px] !overflow-hidden"
+        >
+          <Content onClose={handleClose} />
+        </div>
+      </Modal>
+      <Drawer
+        open={open}
+        anchor="bottom"
+        onClose={toggleDrawer(false)}
+        className="!flex md:!hidden"
+        sx={{
+          "& .MuiPaper-root": {
+            borderRadius: "25px 25px 0px 0px",
+          },
+        }}
+      >
+        <div className="!pt-[12px] !pb-[28px] !px-[24px] !bg-[#FAFAFA] !rounded-[8px] !overflow-hidden !shadow-[0px_1px_24.8px_0px_rgba(155,_155,_155,_0.27)]">
+          <Content handleClose={handleClose} />
+        </div>
+      </Drawer>
+    </>
+  );
 }
 
-export default ModalOpenLocation
+export default ModalOpenLocation;