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

add revert button

Browse Source
This commit is contained in:
AminGhasempoor
2024-05-19 15:21:13 +03:30
parent ea2ea46e8a
commit 1ad3a5f4d6
9 changed files with 262 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
src/components/dashboard/navgan-province-manager/Form/RevertForm/RevertContent.jsx Normal file
View File

@@ -0,0 +1,79 @@
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";
const RevertContent = ({rowId, mutate, setOpenRevertDialog}) => {
const t = useTranslations();
const requestServer = useRequest({auth: true})
const {update_notification} = useNotification()
const validationSchema = Yup.object().shape({
description: Yup.string().required(t("RevertDialog.description_error")),
});
const formik = useFormik({
initialValues: {
description: "",
},
validationSchema,
onSubmit: (values, {setSubmitting}) => {
requestServer(`${REJECT_TRANSPORTATION_ASSISTANCE}/${rowId}`, 'post', {
data: {
expert_description : values.description
},
}).then(() => {
setOpenRevertDialog(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("RevertDialog.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={() => setOpenRevertDialog(false)} variant="outlined" color="secondary"
disabled={formik.isSubmitting} autoFocus>
{t("RevertDialog.button-cancel")}
</Button>
<Button onClick={formik.handleSubmit} variant="contained" color="primary"
disabled={formik.isSubmitting || !formik.dirty || !formik.isValid}>
{t("RevertDialog.button-revert")}
</Button>
</DialogActions>
</>
)
}
export default RevertContent

25
src/components/dashboard/navgan-province-manager/Form/RevertForm/index.jsx Normal file
View File

@@ -0,0 +1,25 @@
import {Dialog, DialogTitle, IconButton, Tooltip} from "@mui/material"
import {useTranslations} from "next-intl";
import {useState} from "react";
import CallReceivedIcon from '@mui/icons-material/CallReceived';
import RevertContent from "@/components/dashboard/navgan-province-manager/Form/RevertForm/RevertContent";
const Revert = ({rowId, mutate}) => {
const t = useTranslations();
const [openRevertDialog, setOpenRevertDialog] = useState(false);
return (
<>
<Tooltip title={t("RevertDialog.revert")}>
<IconButton color="primary" onClick={() => setOpenRevertDialog(true)}>
<CallReceivedIcon/>
</IconButton>
</Tooltip>
<Dialog fullWidth open={openRevertDialog}
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("NavganProvinceManager.revert")}</DialogTitle>
<RevertContent mutate={mutate} rowId={rowId} setOpenRevertDialog={setOpenRevertDialog}/>
</Dialog>
</>
)
}
export default Revert

5
src/components/dashboard/navgan-province-manager/TableRowActions.jsx
View File

@@ -1,6 +1,7 @@
import {Box} from "@mui/material";
import Confirm from "./Form/ConfirmForm";
import Reject from "./Form/RejectForm";
import Revert from "@/components/dashboard/navgan-province-manager/Form/RevertForm";
const TableRow = ({row, mutate}) => {
@@ -10,6 +11,10 @@ const TableRow = ({row, mutate}) => {
rowId={row.getValue("id")}
mutate={mutate}
/>
<Revert
rowId={row.getValue("id")}
mutate={mutate}
/>
<Reject
rowId={row.getValue("id")}
mutate={mutate}

14
src/components/dashboard/passenger-boss/index.jsx
View File

@@ -289,6 +289,20 @@ function DashboardPassengerOfficeComponent() {
</Stack>
),
},
{
accessorFn: (row) => row.refer_reason,
id: "refer_reason",
header: t("PassengerBoss.refer_reason"),
enableColumnFilter: false,
datatype: "text",
filterFn: "contains",
columnFilterModeOptions: ["contains", "equals", "notEquals"],
Cell: ({renderedCellValue, row}) => {
return (
<Typography variant="body2">{renderedCellValue}</Typography>
)
},
},
{
accessorFn: (row) => row.state_name,
id: "state_id",

79
src/components/dashboard/transportation-assistance/Form/RevertForm/RevertContent.jsx Normal file
View File

@@ -0,0 +1,79 @@
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";
const RevertContent = ({rowId, mutate, setOpenRevertDialog}) => {
const t = useTranslations();
const requestServer = useRequest({auth: true})
const {update_notification} = useNotification()
const validationSchema = Yup.object().shape({
description: Yup.string().required(t("RevertDialog.description_error")),
});
const formik = useFormik({
initialValues: {
description: "",
},
validationSchema,
onSubmit: (values, {setSubmitting}) => {
requestServer(`${REJECT_TRANSPORTATION_ASSISTANCE}/${rowId}`, 'post', {
data: {
expert_description : values.description
},
}).then(() => {
setOpenRevertDialog(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("RevertDialog.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={() => setOpenRevertDialog(false)} variant="outlined" color="secondary"
disabled={formik.isSubmitting} autoFocus>
{t("RevertDialog.button-cancel")}
</Button>
<Button onClick={formik.handleSubmit} variant="contained" color="primary"
disabled={formik.isSubmitting || !formik.dirty || !formik.isValid}>
{t("RevertDialog.button-revert")}
</Button>
</DialogActions>
</>
)
}
export default RevertContent

25
src/components/dashboard/transportation-assistance/Form/RevertForm/index.jsx Normal file
View File

@@ -0,0 +1,25 @@
import {Dialog, DialogTitle, IconButton, Tooltip} from "@mui/material"
import {useTranslations} from "next-intl";
import {useState} from "react";
import CallReceivedIcon from '@mui/icons-material/CallReceived';
import RevertContent from "@/components/dashboard/transportation-assistance/Form/RevertForm/RevertContent";
const Revert = ({rowId, mutate}) => {
const t = useTranslations();
const [openRevertDialog, setOpenRevertDialog] = useState(false);
return (
<>
<Tooltip title={t("RevertDialog.revert")}>
<IconButton color="primary" onClick={() => setOpenRevertDialog(true)}>
<CallReceivedIcon/>
</IconButton>
</Tooltip>
<Dialog fullWidth open={openRevertDialog}
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("TransportationAssistance.revert")}</DialogTitle>
<RevertContent mutate={mutate} rowId={rowId} setOpenRevertDialog={setOpenRevertDialog}/>
</Dialog>
</>
)
}
export default Revert

5
src/components/dashboard/transportation-assistance/TableRowActions.jsx
View File

@@ -1,6 +1,7 @@
import {Box} from "@mui/material";
import Confirm from "./Form/ConfirmForm";
import Reject from "./Form/RejectForm";
import Revert from "@/components/dashboard/transportation-assistance/Form/RevertForm";
const TableRow = ({row, mutate}) => {
@@ -10,6 +11,10 @@ const TableRow = ({row, mutate}) => {
rowId={row.getValue("id")}
mutate={mutate}
/>
<Revert
rowId={row.getValue("id")}
mutate={mutate}
/>
<Reject
rowId={row.getValue("id")}
mutate={mutate}

14
src/components/dashboard/transportation-assistance/index.jsx
View File

@@ -412,6 +412,20 @@ function DashboardTransportationAssistanceComponent() {
<Typography variant="body2">{renderedCellValue}</Typography>
),
},
{
accessorFn: (row) => row.refer_reason,
id: "refer_reason",
header: t("TransportationAssistance.refer_reason"),
enableColumnFilter: false,
datatype: "text",
filterFn: "contains",
columnFilterModeOptions: ["contains", "equals", "notEquals"],
Cell: ({renderedCellValue, row}) => {
return (
<Typography variant="body2">{renderedCellValue}</Typography>
)
},
},
{
accessorFn: (row) => row.state_name,
id: "state_id",