79 lines
2.2 KiB
JavaScript
79 lines
2.2 KiB
JavaScript
import EditGrayA from "@/components/icons/EditGrayA";
|
|
import EditOrangeA from "@/components/icons/EditOrangeA";
|
|
import { Button, TextField } from "@mui/material";
|
|
|
|
function Field({
|
|
changeData,
|
|
multiline,
|
|
icon,
|
|
placeholder,
|
|
data,
|
|
value,
|
|
name,
|
|
iconGray,
|
|
error,
|
|
isTransparent,
|
|
type,
|
|
props,
|
|
disable,
|
|
}) {
|
|
// وقتی value پاس داده شود فیلد controlled است (برای مقادیر فقطخواندنی مثل موبایل)؛
|
|
// در غیر این صورت رفتار قبلی (uncontrolled با defaultValue) حفظ میشود.
|
|
const controlled =
|
|
value !== undefined
|
|
? { value: value ?? "" }
|
|
: { defaultValue: data };
|
|
|
|
return (
|
|
<div className="relative w-full">
|
|
<TextField
|
|
{...props}
|
|
{...controlled}
|
|
disabled={disable}
|
|
type={type || "text"}
|
|
placeholder={placeholder || ""}
|
|
className={`!w-full res-field-account dark:!bg-transparent ${
|
|
isTransparent ? "!bg-transparent lg:!bg-[#FFF]" : "!bg-[#FFF]"
|
|
}`}
|
|
onChange={(e) => {
|
|
changeData(e.target.value, name);
|
|
}}
|
|
sx={{
|
|
// border: "1px solid red !important",
|
|
"& .MuiFormLabel-root": {
|
|
top: "-4px !important",
|
|
},
|
|
"& .MuiInputBase-input": { padding: "12.5px 14px" },
|
|
"& .MuiOutlinedInput-notchedOutline": {
|
|
border: error
|
|
? "1px solid red !important"
|
|
: "1px solid #D7D7D7 !important",
|
|
},
|
|
"& .MuiInputBase-root": {
|
|
padding: "0 !important",
|
|
borderRadius: "8px !important",
|
|
},
|
|
".Mui-focused": {
|
|
"& .MuiOutlinedInput-notchedOutline": {
|
|
border: "1px solid #5559CE !important",
|
|
transition: "0.5s all",
|
|
},
|
|
},
|
|
"& input::-webkit-outer-spin-button, & input::-webkit-inner-spin-button":
|
|
{
|
|
display: "none",
|
|
},
|
|
}}
|
|
/>
|
|
<Button
|
|
className={`!absolute !left-[8px] !-translate-y-1/2 !min-w-fit !p-1
|
|
${multiline ? "!top-[24px]" : "!top-1/2"}`}
|
|
>
|
|
{icon ? icon : iconGray ? <EditGrayA /> : <EditOrangeA />}
|
|
</Button>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default Field;
|