LFFE-1 navgan loan management structure enhancement

2023-10-31 13:21:37 +03:30
parent 5b553b2247
commit 5a036b1cdc
3 changed files with 143 additions and 147 deletions
--- a/src/components/dashboard/navgan-loan-management/Form/UpdateForm/UpdateContent.jsx
+++ b/src/components/dashboard/navgan-loan-management/Form/UpdateForm/UpdateContent.jsx
@@ -0,0 +1,113 @@
+import { UPDATE_LOAN_MANAGEMENT_NAVGAN } from "@/core/data/apiRoutes";
+import useNotification from "@/lib/app/hooks/useNotification";
+import useRequest from "@/lib/app/hooks/useRequest";
+import useLoanStateNavgan from "@/lib/prefetchDataTable/hooks/useLoanStateNavgan";
+import { Button, DialogActions, DialogContent, FormControl, FormHelperText, InputLabel, MenuItem, Select, Stack, TextField } from "@mui/material"
+import { useFormik } from "formik";
+import { useTranslations } from "next-intl";
+import * as Yup from "yup";
+
+const UpdateContent = ({rowId, fetchUrl, mutate, setOpenConfirmDialog}) => {
+    const t = useTranslations();
+    const {loan_state_navgan} = useLoanStateNavgan()
+    const requestServer = useRequest({auth: true})
+    const {update_notification} = useNotification()
+
+    const validationSchema = Yup.object().shape({
+        description: Yup.string().required(t("UpdateDialog.description_error")),
+        next_state_id: Yup.number().required(t("UpdateDialog.next-state-id-error"))
+    });
+
+    const formik = useFormik({
+        initialValues: {
+            description: "",
+            next_state_id: ""
+        },
+        validationSchema,
+        onSubmit: (values, {setSubmitting}) => {
+            const formData = new FormData();
+            formData.append("expert_description", values.description);
+            formData.append("next_state_id", values.next_state_id);
+
+            requestServer(`${UPDATE_LOAN_MANAGEMENT_NAVGAN}/${rowId}`, 'post', {
+                data: formData,
+            }).then((response) => {
+                mutate(fetchUrl)
+                update_notification()
+            }).catch(() => {
+            }).finally(() => {
+                setSubmitting(false);
+            });
+        },
+    });
+
+    const handleDescriptionChange = (event) => {
+        formik.setFieldValue("description", event.target.value)
+    };
+    const handleNextStateIDChange = (event) => {
+        formik.setFieldValue("next_state_id", event.target.value)
+    };
+    return(
+        <>
+            <DialogContent>
+                <Stack spacing={2}>
+                    <Stack>
+                        <TextField
+                            name="description"
+                            multiline
+                            rows={8}
+                            label={t("UpdateDialog.description")}
+                            value={formik.values.description}
+                            onChange={handleDescriptionChange}
+                            fullWidth
+                            variant="outlined"
+                            sx={{mt: 1}}
+                            onBlur={formik.handleBlur("description")}
+                            error={
+                                formik.touched.description && Boolean(formik.errors.description)
+                            }
+                            helperText={formik.touched.description && formik.errors.description}
+                        />
+                    </Stack>
+                    <Stack>
+                        <FormControl
+                            error={
+                                formik.touched.next_state_id &&
+                                Boolean(formik.errors.next_state_id)
+                            } fullWidth>
+                            <InputLabel>{t("UpdateDialog.next-state-id")}</InputLabel>
+                            <Select
+                                labelId="next_state_id"
+                                id="next_state_id"
+                                value={formik.values.next_state_id}
+                                label={t("UpdateDialog.next-state-id")}
+                                onChange={handleNextStateIDChange}
+                                onBlur={formik.handleBlur("next_state_id")}
+                            >
+                                {loan_state_navgan ? (loan_state_navgan.map((item) => {
+                                    return (
+                                        <MenuItem key={item.id} value={item.id}>{item.name}</MenuItem>
+                                    )
+                                })) : null}
+                            </Select>
+                            <FormHelperText>
+                                {formik.touched.next_state_id && formik.errors.next_state_id}
+                            </FormHelperText>
+                        </FormControl>
+                    </Stack>
+                </Stack>
+            </DialogContent>
+            <DialogActions>
+                <Button onClick={() => setOpenConfirmDialog(false)} variant="outlined" color="secondary"
+                        disabled={formik.isSubmitting} autoFocus>
+                    {t("UpdateDialog.button-cancel")}
+                </Button>
+                <Button onClick={formik.handleSubmit} variant="contained" color="primary"
+                        disabled={formik.isSubmitting || !formik.dirty || !formik.isValid}>
+                    {t("UpdateDialog.button-update")}
+                </Button>
+            </DialogActions>
+        </>
+    )
+}
+export default UpdateContent