reject and update dialog for bank management

public/locales/fa/app.json

@@ -505,15 +505,31 @@
     "description": "توضیحات خود را وارد نمائید"
   },
   "RejectDialog": {
+    "bank_management_reject": "رد درخواست",
+    "typography": "آیا میخواهید این درخواست را رد کنید ؟",
     "reject": "عدم تایید",
     "context": "آیا از عدم تایید این آیتم اطمینان دارید؟",
     "button-cancel": "بستن",
     "button-reject": "عدم تایید",
+    "button-bank_management_reject": "رد درخواست",
     "description": "توضیحات خود را وارد نمائید",
     "optional": " (اختیاری)",
     "description_error": "وارد کردن توضیحات الزامی است!",
     "choose_file": "انتخاب فایل"
   },
+  "EditDialog": {
+    "edit_approved_amount": "ویرایش مبلغ تصویب شده",
+    "description_error": "وارد کردن توضیحات الزامی است!",
+    "optional": " (اختیاری)",
+    "approved_amount": "مبلغ تصویب شده",
+    "edit_approved_amount": "ویرایش مبلغ تصویب شده",
+    "button-cancel": "بستن",
+    "button-edit": "ویرایش",
+    "edit_approved_amount_required": "وارد کردن مبلغ تصویب شده الزامیست",
+    "unit": " (میلیون ریال)",
+    "button-revise": "ارسال",
+    "description": "توضیحات خود را وارد نمائید"
+  },
   "UpdateDialog": {
     "update": "ویرایش",
     "resend": "ارسال مجدد به بانک",

src/components/dashboard/bank-management/Form/Edit/EditContent.jsx

@@ -0,0 +1,90 @@
+import useNotification from "@/lib/app/hooks/useNotification";
+import useRequest from "@/lib/app/hooks/useRequest";
+import {Button, DialogActions, DialogContent, Stack,} from "@mui/material"
+import {useFormik} from "formik";
+import {useTranslations} from "next-intl";
+import {CONFIRM_TRANSPORTATION_ASSISTANCE} from "@/core/data/apiRoutes";
+import * as Yup from "yup";
+import PriceField from "@/core/components/PriceField";
+
+const EditContent = ({rowId, row, mutate, setOpenEditDialog}) => {
+    const t = useTranslations();
+    const requestServer = useRequest({auth: true, notification: false});
+    const {update_notification} = useNotification();
+
+    const validationSchema = Yup.object().shape({
+        approved_amount: Yup.string().required(`${t("EditDialog.edit_approved_amount_required")}`)
+    })
+
+    const formik = useFormik({
+        initialValues: {
+            approved_amount: String(row.original.approved_amount / 1000000),
+        }, validationSchema,
+        onSubmit: (values, {setSubmitting}) => {
+            requestServer(`${CONFIRM_TRANSPORTATION_ASSISTANCE}/${rowId}`, 'post', {
+                notification: true
+            }).then(() => {
+                setOpenEditDialog(false)
+                mutate()
+                update_notification()
+            }).catch(() => {
+            }).finally(() => {
+                setSubmitting(false);
+            });
+        },
+    });
+    const handleAmountChange = (event) => {
+        if (!isNaN(event.target.value)) {
+            formik.setFieldValue("approved_amount", event.target.value)
+        } else {
+            formik.setFieldValue("approved_amount", formik.values.approved_amount)
+        }
+    };
+    return (
+        <>
+            <DialogContent>
+                <Stack spacing={2}>
+                    <Stack>
+                        <PriceField
+                            name="approved_amount"
+                            label={<>
+                                <span>{t("EditDialog.edit_approved_amount")}</span><small>{t("EditDialog.unit")}</small></>}
+                            type="text"
+                            inputProps={{
+                                inputMode: "number",
+                                min: 0,
+                                pattern: "[0-9]*",
+                            }}
+                            variant="outlined"
+                            value={formik.values.approved_amount}
+                            onChange={handleAmountChange}
+                            onBlur={formik.handleBlur("approved_amount")}
+                            error={
+                                formik.touched.approved_amount &&
+                                Boolean(formik.errors.approved_amount)
+                            }
+                            helperText={
+                                formik.touched.approved_amount && formik.errors.approved_amount
+                            }
+                            sx={{mt: 1}}
+                            fullWidth
+                        />
+                    </Stack>
+                </Stack>
+            </DialogContent>
+            <DialogActions>
+                <Button onClick={() => setOpenEditDialog(false)} variant="outlined" color="secondary"
+                        disabled={formik.isSubmitting} autoFocus>
+                    {t("EditDialog.button-cancel")}
+                </Button>
+                <Button onClick={formik.handleSubmit} variant="contained" color="primary"
+                        disabled={formik.isSubmitting || !formik.isValid || !formik.dirty}
+                >
+                    {t("EditDialog.button-edit")}
+                </Button>
+            </DialogActions>
+        </>
+    )
+
+}
+export default EditContent

src/components/dashboard/bank-management/Form/Edit/index.jsx

@@ -0,0 +1,39 @@
+import {Dialog, DialogTitle, IconButton, Tooltip} from "@mui/material";
+import {useTranslations} from "next-intl";
+import {useState} from "react";
+import EditIcon from '@mui/icons-material/Edit';
+import EditContent from "@/components/dashboard/bank-management/Form/Edit/EditContent";
+
+const EditForm = ({rowId, row, mutate}) => {
+    const t = useTranslations();
+    const [openEditDialog, setOpenEditDialog] = useState(false);
+
+    return (
+        <>
+            <Tooltip title={t("EditDialog.edit_approved_amount")}>
+                <IconButton
+                    color="primary"
+                    onClick={() => {
+                        setOpenEditDialog(true)
+                    }}
+                >
+                    <EditIcon/>
+                </IconButton>
+            </Tooltip>
+            <Dialog fullWidth open={openEditDialog}
+                    PaperProps={{
+                        sx: {
+                            transition: 'all .3s',
+                            boxShadow: 'rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px'
+                        }
+                    }} maxWidth="sm">
+                <DialogTitle>{t("EditDialog.edit_approved_amount")}</DialogTitle>
+                <EditContent
+                    mutate={mutate} rowId={rowId} setOpenEditDialog={setOpenEditDialog} row={row}
+                />
+            </Dialog>
+        </>
+    )
+
+}
+export default EditForm;

src/components/dashboard/bank-management/Form/Reject/index.jsx

@@ -0,0 +1,68 @@
+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";
+
+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)
+                    }}
+                >
+                    <ThumbDownIcon/>
+                </IconButton>
+            </Tooltip>
+            <Dialog maxWidth="sm" 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>
+            </Dialog>
+        </>
+    );
+};
+export default RejectForm;

src/components/dashboard/bank-management/TableRowActions.jsx

@@ -1,5 +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";
 
 const TableRow = ({row, mutate}) => {
     return (
@@ -10,6 +12,15 @@ const TableRow = ({row, mutate}) => {
                     mutate={mutate}
                 />
             )}
+            <RejectForm
+                rowId={row.getValue("id")}
+                mutate={mutate}
+            />
+            <EditForm
+                rowId={row.getValue("id")}
+                mutate={mutate}
+                row={row}
+            />
         </Box>
     );
 };