71 lines
2.4 KiB
JavaScript
71 lines
2.4 KiB
JavaScript
"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 |