loan/user-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Amirhossein Mahmoodi
2024-06-18 13:37:08 +03:30
parent 6585d12f0a
commit 46247760a1
2 changed files with 35 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
example.env.local
View File

@@ -6,6 +6,9 @@ NEXT_PUBLIC_DEFAULT_DIRECTION = "rtl"
NEXT_PUBLIC_PRIMARY_MAIN = "#084070"
NEXT_PUBLIC_SECONDARY_MAIN = "#FF4E00"
NEXT_PUBLIC_MIN_BIRTHDAY = 1327
NEXT_PUBLIC_MAX_BIRTHDAY = 1380
NEXT_PUBLIC_BASE_URL = "https://loan-v2.witel.ir"
NEXT_PUBLIC_POWERED_BY_URL = "https://witel.ir"

76
src/core/components/MuiDatePicker.jsx
View File

@@ -1,14 +1,12 @@
import * as React from "react";
import {useMemo, useState} from "react";
import { FormControl, FormHelperText } from "@mui/material";
import Button from "@mui/material/Button";
import {AdapterDateFnsJalali} from "@mui/x-date-pickers/AdapterDateFnsJalali";
import {LocalizationProvider} from "@mui/x-date-pickers/LocalizationProvider";
import {DatePicker} from "@mui/x-date-pickers/DatePicker";
import {faIR} from "@mui/x-date-pickers/locales";
import {useTranslations} from "next-intl";
import { AdapterDateFnsJalali } from "@mui/x-date-pickers/AdapterDateFnsJalali";
import { DatePicker } from "@mui/x-date-pickers/DatePicker";
import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
import { faIR } from "@mui/x-date-pickers/locales";
import moment from "jalali-moment";
import {FormControl, FormHelperText} from "@mui/material";
import {useConfig} from "@witel/webapp-builder";
import { useTranslations } from "next-intl";
import { useMemo, useState } from "react";
function ButtonField(props) {
const t = useTranslations();
@@ -17,17 +15,16 @@ function ButtonField(props) {
label,
id,
disabled,
InputProps: {ref} = {},
inputProps: {"aria-label": ariaLabel} = {},
InputProps: { ref } = {},
inputProps: { "aria-label": ariaLabel } = {},
} = props;
return (
<Button
sx={{width: "100%", padding: 0.8}}
sx={{ width: "100%", padding: 0.8 }}
variant="outlined"
color={
props.slotProps.formik.touched.birthday &&
Boolean(props.slotProps.formik.errors.birthday)
props.slotProps.formik.touched.birthday && Boolean(props.slotProps.formik.errors.birthday)
? "error"
: "primary"
}
@@ -37,42 +34,42 @@ function ButtonField(props) {
aria-label={ariaLabel}
onClick={() => setOpen?.((prev) => !prev)}
>
{label ? `${t("birthday",
{value: `${props.slotProps.formik.values.person_type === "legal" ? "مدیر عامل" : ""}`})}: ${label}` : `${t("birthday",
{value: `${props.slotProps.formik.values.person_type === "legal" ? "مدیر عامل" : ""}`})}`}
{label
? `${t("birthday", {
value: `${props.slotProps.formik.values.person_type === "legal" ? "مدیر عامل" : ""}`,
})}: ${label}`
: `${t("birthday", {
value: `${props.slotProps.formik.values.person_type === "legal" ? "مدیر عامل" : ""}`,
})}`}
</Button>
);
}
function ButtonDatePicker(props) {
const {config} = useConfig();
const t = useTranslations();
const [open, setOpen] = useState(false);
const dateRange = useMemo(() => {
const today = moment();
const min = moment(
`${config.add_request_loan_birthday_range.min}-01-01`,
"jYYYY-jMM-jDD"
).toDate();
const min = moment(`${process.env.NEXT_PUBLIC_MIN_BIRTHDAY}-01-01`, "jYYYY-jMM-jDD").toDate();
const max = moment(
`${config.add_request_loan_birthday_range.max}-${today.format(
"jMM-jDD"
)}`,
`${process.env.NEXT_PUBLIC_MAX_BIRTHDAY}-${today.format("jMM-jDD")}`,
"jYYYY-jMM-jDD"
).toDate();
return {min, max};
}, [config.add_request_loan_birthday_range]);
return { min, max };
}, []);
return (
<DatePicker
slots={{field: ButtonField, ...props.slots}}
slots={{ field: ButtonField, ...props.slots }}
disabled={props.disabled}
slotProps={{
formik: props.formik,
field: {setOpen},
field: { setOpen },
textField: {
helperText: props.formik.errors.birthday
? `${t("birthday_error", {value: `${props.formik.values.person_type === "legal" ? "مدیر عامل" : "خود"}`})}`
? `${t("birthday_error", {
value: `${props.formik.values.person_type === "legal" ? "مدیر عامل" : "خود"}`,
})}`
: null,
},
}}
@@ -86,7 +83,7 @@ function ButtonDatePicker(props) {
);
}
export default function PickerWithButtonField({formik, disabled}) {
export default function PickerWithButtonField({ formik, disabled }) {
return (
<FormControl variant={"outlined"} fullWidth size="small" error={true}>
<LocalizationProvider
@@ -97,15 +94,8 @@ export default function PickerWithButtonField({formik, disabled}) {
}}
>
<ButtonDatePicker
label={
formik.values.birthday !== "" &&
formik.values.birthday.locale("fa").format("YYYY/MM/DD")
}
value={
formik.values.birthday !== ""
? formik.values.birthday.toDate()
: null
}
label={formik.values.birthday !== "" && formik.values.birthday.locale("fa").format("YYYY/MM/DD")}
value={formik.values.birthday !== "" ? formik.values.birthday.toDate() : null}
formik={formik}
disabled={disabled}
onChange={(newValue) => {
@@ -113,9 +103,7 @@ export default function PickerWithButtonField({formik, disabled}) {
}}
/>
</LocalizationProvider>
<FormHelperText>
{formik.touched.birthday && formik.errors.birthday}
</FormHelperText>
<FormHelperText>{formik.touched.birthday && formik.errors.birthday}</FormHelperText>
</FormControl>
);
}
}