reject bank management api backend

2024-03-03 13:02:43 +03:30
parent bfa2d53056
commit 344cad5dad
4 changed files with 162 additions and 57 deletions
--- a/src/components/dashboard/bank-management/Form/Reject/RejectContent.jsx
+++ b/src/components/dashboard/bank-management/Form/Reject/RejectContent.jsx
@@ -0,0 +1,143 @@
+import UploadSystem from "@/core/components/UploadSystem"
+import useNotification from "@/lib/app/hooks/useNotification";
+import useRequest from "@/lib/app/hooks/useRequest";
+import {Button, DialogActions, DialogContent, FormHelperText, Stack, TextField, Typography} from "@mui/material"
+import {useFormik} from "formik";
+import {useTranslations} from "next-intl";
+import {useState} from "react";
+import * as Yup from "yup";
+import {REJECT_BANK_MANAGEMENT} from "@/core/data/apiRoutes";
+
+const RejectContent = ({rowId, mutate, setOpenRejectDialog}) => {
+    const [selectedImage, setSelectedImage] = useState("");
+    const [fileType, setfileType] = useState(null);
+    const [fileName, setfileName] = useState(null);
+    const [showAddIcon, setShowAddIcon] = useState(true);
+    const t = useTranslations();
+    const requestServer = useRequest({auth: true})
+    const {update_notification} = useNotification()
+
+    const validationSchema = Yup.object().shape({
+        description: Yup.string().required(t("RejectDialog.description_error")),
+        reject_img: Yup.mixed().notRequired(t("RejectDialog.choose_file"))
+            .test('fileSize', `${t("MachinaryOffice.upload_file_unit")}`, (value) => {
+                return !value || (value.size && value.size <= 5 * 1024 * 1024);
+            })
+            .test('fileType', `${t("MachinaryOffice.upload_file_format")}`, (value) => {
+                const allowedTypes = ['image/jpg', 'image/jpeg', 'image/png', 'application/pdf']; // Define your allowed file types
+                return !value || (value.type && allowedTypes.includes(value.type));
+            }),
+    });
+
+    const formik = useFormik({
+        initialValues: {
+            description: "",
+            reject_img: null
+        },
+        validationSchema,
+        onSubmit: (values, {setSubmitting}) => {
+            const formData = new FormData();
+            formData.append("expert_description", values.description);
+            if (values.reject_img != null) {
+                const attachments = [
+                    {
+                        title: "فایل ضمیمه کارتابل نظارت بانک",
+                        file: values.reject_img
+                    }
+                ];
+                attachments.forEach((attachment, index) => {
+                    formData.append(`attachment[${index}][title]`, attachment.title);
+                    formData.append(`attachment[${index}][file]`, attachment.file);
+                });
+            }
+            requestServer(`${REJECT_BANK_MANAGEMENT}/${rowId}`, 'post', {
+                data: formData,
+            }).then((response) => {
+                setOpenRejectDialog(false)
+                mutate()
+                update_notification()
+            }).catch(() => {
+            }).finally(() => {
+                setSubmitting(false);
+            });
+        },
+    });
+
+    const handleUploadChange = (event) => {
+        const uploadedFile = event.target?.files?.[0];
+        if (uploadedFile) {
+            const fileType = event.target?.files?.[0].type;
+            const fileName = event.target?.files?.[0].name;
+            setSelectedImage(URL.createObjectURL(uploadedFile));
+            setfileType(fileType);
+            setfileName(fileName);
+            formik.setFieldValue("reject_img", uploadedFile).then(() => {
+                formik.setFieldTouched("reject_img", true);
+            })
+            setShowAddIcon(false);
+        }
+    };
+    return (
+        <>
+            <DialogContent>
+                <Stack spacing={2}>
+                    <Stack>
+                        <TextField
+                            name="description"
+                            multiline
+                            rows={8}
+                            label={t("RejectDialog.description")}
+                            value={formik.values.description}
+                            onChange={formik.handleChange}
+                            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>
+                        <Typography>{t("UploadSystem.upload_file")}{t("UploadSystem.optional")}</Typography>
+                        <UploadSystem
+                            selectedImage={selectedImage}
+                            handleUploadChange={handleUploadChange} // Pass the updated function directly
+                            setselectedImage={setSelectedImage}
+                            setFieldValue={formik.setFieldValue} // Remove props.setFieldValue, use formik.setFieldValue
+                            fieldname="reject_img"
+                            fileType={fileType}
+                            fileName={fileName}
+                            imageAlt={t("app_name")}
+                            imageSize={[250 /*width*/, 150 /*height*/]}
+                            setShowAddIcon={setShowAddIcon}
+                            showAddIcon={showAddIcon}
+                            onBlur={() => formik.handleBlur("reject_img")}
+                            error={
+                                formik.touched.reject_img &&
+                                Boolean(formik.errors.reject_img)
+                            }
+                        />
+                        <FormHelperText
+                            error={Boolean(formik.errors.reject_img)}
+                        >
+                            {formik.touched.reject_img && formik.errors.reject_img}
+                        </FormHelperText>
+                    </Stack>
+                </Stack>
+            </DialogContent>
+            <DialogActions>
+                <Button onClick={() => setOpenRejectDialog(false)} variant="outlined" color="secondary"
+                        disabled={formik.isSubmitting} autoFocus>
+                    {t("RejectDialog.button-cancel")}
+                </Button>
+                <Button onClick={formik.handleSubmit} variant="contained" color="primary"
+                        disabled={formik.isSubmitting || !formik.dirty || !formik.isValid}>
+                    {t("RejectDialog.button-reject")}
+                </Button>
+            </DialogActions>
+        </>
+    )
+}
+export default RejectContent
--- a/src/components/dashboard/bank-management/Form/Reject/index.jsx
+++ b/src/components/dashboard/bank-management/Form/Reject/index.jsx
@@ -1,68 +1,25 @@
+import {Dialog, DialogTitle, IconButton, Tooltip} from "@mui/material"
 import {useTranslations} from "next-intl";
 import {useState} from "react";
-import {
-    Button,
-    Dialog,
-    DialogActions,
-    DialogContent,
-    DialogTitle,
-    IconButton,
-    Tooltip,
-    Typography
-} from "@mui/material";
-import ThumbDownIcon from '@mui/icons-material/ThumbDown';
-import useRequest from "@/lib/app/hooks/useRequest";
-import useNotification from "@/lib/app/hooks/useNotification";
-import {RESEND_BANK_STATEMENT} from "@/core/data/apiRoutes";
+import RejectContent from "./RejectContent";
+import ThumbDownIcon from "@mui/icons-material/ThumbDown";

 const RejectForm = ({rowId, mutate}) => {
    const t = useTranslations();
    const [openRejectDialog, setOpenRejectDialog] = useState(false);
-    const [isSubmitting, setIsSubmitting] = useState(false)
-    const requestServer = useRequest({auth: true})
-    const {update_notification} = useNotification()
-    const handleSubmit = () => {
-        setIsSubmitting(true)
-        requestServer(`${RESEND_BANK_STATEMENT}/${rowId}`, 'post').then((response) => {
-            setOpenRejectDialog(false)
-            mutate()
-            update_notification()
-        }).catch(() => {
-        }).finally(() => {
-            setIsSubmitting(false)
-        });
-    }
-
    return (
        <>
            <Tooltip title={t("RejectDialog.bank_management_reject")}>
-                <IconButton
-                    color="primary"
-                    onClick={() => {
-                        setOpenRejectDialog(true)
-                    }}
-                >
+                <IconButton color="primary" onClick={() => setOpenRejectDialog(true)}>
                    <ThumbDownIcon/>
                </IconButton>
            </Tooltip>
-            <Dialog maxWidth="sm" open={openRejectDialog}
+            <Dialog fullWidth open={openRejectDialog}
                    PaperProps={{sx: {boxShadow: 'rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px'}}}>
                <DialogTitle>{t("RejectDialog.bank_management_reject")}</DialogTitle>
-                <DialogContent>
-                    <Typography>{t("RejectDialog.typography")}</Typography>
-                </DialogContent>
-                <DialogActions>
-                    <Button onClick={() => setOpenRejectDialog(false)} variant="outlined" color="secondary"
-                            disabled={isSubmitting} autoFocus>
-                        {t("RejectDialog.button-cancel")}
-                    </Button>
-                    <Button onClick={handleSubmit} variant="contained" color="primary"
-                            disabled={isSubmitting}>
-                        {t("RejectDialog.button-bank_management_reject")}
-                    </Button>
-                </DialogActions>
+                <RejectContent mutate={mutate} rowId={rowId} setOpenRejectDialog={setOpenRejectDialog}/>
            </Dialog>
        </>
-    );
-};
-export default RejectForm;
+    )
+}
+export default RejectForm
--- a/src/components/dashboard/bank-management/TableRowActions.jsx
+++ b/src/components/dashboard/bank-management/TableRowActions.jsx
@@ -1,7 +1,7 @@
 import {Box} from "@mui/material";
 import UpdateForm from "@/components/dashboard/bank-management/Form/Update";
-import RejectForm from "@/components/dashboard/bank-management/Form/Reject";
 import EditForm from "@/components/dashboard/bank-management/Form/Edit";
+import RejectForm from "@/components/dashboard/bank-management/Form/Reject";

 const TableRow = ({row, mutate}) => {
    return (
@@ -12,10 +12,14 @@ const TableRow = ({row, mutate}) => {
                    mutate={mutate}
                />
            )}
-            <RejectForm
-                rowId={row.getValue("id")}
-                mutate={mutate}
-            />
+            {
+                row.original.bank_state == 8 && (
+                    <RejectForm
+                        rowId={row.getValue("id")}
+                        mutate={mutate}
+                    />
+                )
+            }
            <EditForm
                rowId={row.getValue("id")}
                mutate={mutate}
--- a/src/core/data/apiRoutes.js
+++ b/src/core/data/apiRoutes.js
@@ -256,6 +256,7 @@ export const DELETE_ADMIN_SETTING = BASE_URL + "/dashboard/settings/delete"
 export const GET_BANK_STATEMENT = BASE_URL + "/dashboard/bank_referred_loans"
 export const RESEND_BANK_STATEMENT = BASE_URL + "/dashboard/bank_referred_loans/send"
 export const EXPORT_BANK_MANAGEMENT = BASE_URL + "/dashboard/bank_referred_loans/export"
+export const REJECT_BANK_MANAGEMENT = BASE_URL + "/dashboard/bank_referred_loans/reject"

 // loan statistics
 export const GET_LOAN_STATISTICS = BASE_URL + "/dashboard/reports/navgan/statistics"