confirm data and reject data

This commit is contained in:
2023-07-15 17:17:53 +03:30
parent 83dad6f040
commit abcd523663
4 changed files with 16 additions and 9 deletions

View File

@@ -1,3 +1,4 @@
import { CONFIRM_PASSENGER_OFFICE } from "@/core/data/apiRoutes";
import { import {
Dialog, Dialog,
DialogTitle, DialogTitle,
@@ -13,11 +14,12 @@ const ConfirmForm = ({
handleClose, handleClose,
handleDelete, handleDelete,
rowId, rowId,
deleteData, confirmData,
}) => { }) => {
const t = useTranslations(); const t = useTranslations();
const handleDeleteExpert = () => { const handleConfirm = () => {
handleDelete(); handleDelete();
confirmData(CONFIRM_PASSENGER_OFFICE, rowId);
}; };
return ( return (
<Dialog open={open} onClose={handleClose}> <Dialog open={open} onClose={handleClose}>
@@ -26,7 +28,7 @@ const ConfirmForm = ({
<DialogContentText>{t("ConfirmDialog.context")}</DialogContentText> <DialogContentText>{t("ConfirmDialog.context")}</DialogContentText>
</DialogContent> </DialogContent>
<DialogActions> <DialogActions>
<Button onClick={handleDeleteExpert} color="primary"> <Button onClick={handleConfirm} color="primary">
{t("ConfirmDialog.button-confirm")} {t("ConfirmDialog.button-confirm")}
</Button> </Button>
<Button onClick={handleClose} color="secondary" autoFocus> <Button onClick={handleClose} color="secondary" autoFocus>

View File

@@ -1,3 +1,4 @@
import { REJECT_PASSENGER_OFFICE } from "@/core/data/apiRoutes";
import { import {
Dialog, Dialog,
DialogTitle, DialogTitle,
@@ -8,12 +9,12 @@ import {
} from "@mui/material"; } from "@mui/material";
import { useTranslations } from "next-intl"; import { useTranslations } from "next-intl";
const RejectForm = ({ open, handleClose, handleDelete, rowId, deleteData }) => { const RejectForm = ({ open, handleClose, handleDelete, rowId, rejectData }) => {
const t = useTranslations(); const t = useTranslations();
const handleRejectRequest = () => { const handleRejectRequest = () => {
handleDelete(); handleDelete();
rejectData(REJECT_PASSENGER_OFFICE, rowId);
}; };
console.log(rowId);
return ( return (
<Dialog open={open} onClose={handleClose}> <Dialog open={open} onClose={handleClose}>
<DialogTitle>{t("RejectDialog.reject")}</DialogTitle> <DialogTitle>{t("RejectDialog.reject")}</DialogTitle>

View File

@@ -19,7 +19,8 @@ const TableRowActions = ({ row }) => {
handleConfirmDialog, handleConfirmDialog,
handleRejectDialog, handleRejectDialog,
rowId, rowId,
deleteData, confirmData,
rejectData,
} = useContext(DataTableContext); } = useContext(DataTableContext);
return ( return (
<Box sx={{ display: "flex", flexWrap: "nowrap", gap: "8px" }}> <Box sx={{ display: "flex", flexWrap: "nowrap", gap: "8px" }}>
@@ -31,7 +32,7 @@ const TableRowActions = ({ row }) => {
open={openConfirmDialog} open={openConfirmDialog}
handleClose={handleCloseConfirmDialog} handleClose={handleCloseConfirmDialog}
handleDelete={handleConfirmDialog} handleDelete={handleConfirmDialog}
deleteData={deleteData} confirmData={confirmData}
/> />
<IconButton color="primary" onClick={() => handleOpenRejectDialog(row)}> <IconButton color="primary" onClick={() => handleOpenRejectDialog(row)}>
<ThumbDownIcon /> <ThumbDownIcon />
@@ -41,7 +42,7 @@ const TableRowActions = ({ row }) => {
open={openRejectDialog} open={openRejectDialog}
handleClose={handleCloseRejectDialog} handleClose={handleCloseRejectDialog}
handleDelete={handleRejectDialog} handleDelete={handleRejectDialog}
deleteData={deleteData} rejectData={rejectData}
/> />
</Box> </Box>
); );

View File

@@ -35,11 +35,12 @@ const useDataTable = () => {
const [openConfirmDialog, setOpenConfirmDialog] = useState(false); const [openConfirmDialog, setOpenConfirmDialog] = useState(false);
const [openRejectDialog, setOpenRejectDialog] = useState(false); const [openRejectDialog, setOpenRejectDialog] = useState(false);
const [rowId, setRowId] = useState(null); const [rowId, setRowId] = useState(null);
const { token } = useUser(); const { token } = useUser();
const confirmData = useCallback(async (url, rowID) => { const confirmData = useCallback(async (url, rowID) => {
dispatch({ type: "CONFIRM_DATA", url: url, rowID: rowID }); dispatch({ type: "CONFIRM_DATA", url: url, rowID: rowID });
console.log(token);
axios axios
.post(`${url}/${rowID}`, { .post(`${url}/${rowID}`, {
headers: { headers: {
@@ -66,6 +67,7 @@ const useDataTable = () => {
.catch(() => {}); .catch(() => {});
}, []); }, []);
//Confirm Data
const handleOpenConfirmDialog = (row) => { const handleOpenConfirmDialog = (row) => {
setRowId(row.getValue("id")); setRowId(row.getValue("id"));
setOpenConfirmDialog(true); setOpenConfirmDialog(true);
@@ -78,6 +80,7 @@ const useDataTable = () => {
const handleConfirmDialog = () => { const handleConfirmDialog = () => {
setOpenConfirmDialog(false); setOpenConfirmDialog(false);
}; };
//End Confirm Data
// Reject Data // Reject Data
const handleOpenRejectDialog = (row) => { const handleOpenRejectDialog = (row) => {