remove context && change design & modals & function && add folder lib

2025-05-10 17:05:06 +03:30
parent a89fc4a3f9
commit f2e880c721
10 changed files with 160 additions and 160 deletions
@@ -0,0 +1,71 @@
+"use client"
+
+import { useState } from "react";
+
+import { Button, TextField } from "@mui/material";
+import ModalSearchCity from "@/app/component/modalSearchCity";
+import Search from "@/components/icons/Search";
+import ButtonFilter from "@/app/component/modalSearchCity/ButtonFilter";
+import Link from "next/link";
+
+function Fields({ city, state }) {
+    const [open, setOpen] = useState(false);
+    const [selected, setSelected] = useState({
+        province: state?.name || '',
+        city: city?.name || '',
+    });
+
+    return (
+        <>
+            <ModalSearchCity
+                open={open}
+                state={state}
+                setOpen={setOpen}
+                selected={selected}
+                setSelected={setSelected}
+            >
+                <ButtonFilter setOpen={setOpen} selected={selected} />
+            </ModalSearchCity>
+            <span className="black w-px bg-[#EFEFEF]"></span>
+            <TextField
+                variant="standard"
+                InputProps={{
+                    disableUnderline: true,
+                }}
+                sx={{
+                    display: "flex",
+                    flexDirection: "column",
+                    justifyContent: "center",
+                    "& .MuiInput-root": {
+                        padding: "0",
+                        borderBottom: "none",
+                    },
+                    "& .MuiInputBase-input": {
+                        color: "#6C757D",
+                    },
+                }}
+                placeholder="جستجوی نام پزشک، تخصص، بیماری ..."
+                dir="rtl"
+                className={`!shadow-none !w-full lg:!w-[524px] bg-[#FAFAFA] !text-[14px] md:!text-[16px] !rounded-0 !font-normal !text-[#6C757D]`}
+            />
+            <Link
+                href={{
+                    pathname: "/doctors",
+                    query: {
+                        province: selected.province,
+                        city: selected.city,
+                    },
+                }}
+            >
+                <Button className="!hidden lg:!flex !rounded-[4px] !h-[40px] sm:!h-[42px] md:!h-[45px] lg:!h-[48px] !gap-2.5 !min-w-[114px]">
+                    <div className="min-w-[20px] min-h-[20px]">
+                        <Search />
+                    </div>
+                    <p>جستجو</p>
+                </Button>
+            </Link>
+        </>
+    )
+}
+
+export default Fields