Files
expert-front/src/components/dashboard/refahi/loan-followup/Form/ReferPassengerBoss/ReferPassengerBossContent.jsx

90 lines
3.4 KiB
JavaScript

import useNotification from "@/lib/app/hooks/useNotification";
import useRequest from "@/lib/app/hooks/useRequest";
import { Button, DialogActions, DialogContent, Stack, TextField } from "@mui/material";
import { useFormik } from "formik";
import { useTranslations } from "next-intl";
import * as Yup from "yup";
import { REFER_REFAHI_LOAN_FOLLOWUP_PASSENGERBOSS } from "@/core/data/apiRoutes";
const ReferPassengerBossContent = ({ rowId, mutate, setOpenReferDialog }) => {
const t = useTranslations();
const requestServer = useRequest({ auth: true });
const { update_notification } = useNotification();
const validationSchema = Yup.object().shape({
description: Yup.string().required(t("ReferDialog.description_error")),
});
const formik = useFormik({
initialValues: {
description: "",
},
validationSchema,
onSubmit: (values, { setSubmitting }) => {
const formData = new FormData();
formData.append("expert_description", values.description);
requestServer(`${REFER_REFAHI_LOAN_FOLLOWUP_PASSENGERBOSS}/${rowId}`, "post", {
data: formData,
})
.then((response) => {
setOpenReferDialog(false);
mutate();
update_notification();
})
.catch(() => {})
.finally(() => {
setSubmitting(false);
});
},
});
const handleDescriptionChange = (event) => {
formik.setFieldValue("description", event.target.value);
formik.handleChange(event);
};
return (
<>
<DialogContent>
<Stack spacing={2}>
<Stack>
<TextField
name="description"
multiline
rows={8}
label={t("ReferDialog.description")}
value={formik.values.description}
onChange={handleDescriptionChange}
onBlur={formik.handleBlur("description")}
error={formik.touched.description && Boolean(formik.errors.description)}
helperText={formik.touched.description && formik.errors.description}
fullWidth
variant="outlined"
sx={{ mt: 1 }}
/>
</Stack>
</Stack>
</DialogContent>
<DialogActions>
<Button
onClick={() => setOpenReferDialog(false)}
variant="outlined"
color="secondary"
disabled={formik.isSubmitting}
autoFocus
>
{t("ReferDialog.button-cancel")}
</Button>
<Button
onClick={formik.handleSubmit}
variant="contained"
color="primary"
disabled={formik.isSubmitting || !formik.dirty || !formik.isValid}
>
{t("ReferDialog.button-refer")}
</Button>
</DialogActions>
</>
);
};
export default ReferPassengerBossContent;