61 lines
1.7 KiB
JavaScript
61 lines
1.7 KiB
JavaScript
import ThumbUpAltIcon from "@mui/icons-material/ThumbUpAlt";
|
|
import ThumbDownIcon from "@mui/icons-material/ThumbDown";
|
|
import { Box, IconButton, Tooltip } from "@mui/material";
|
|
import { useContext } from "react";
|
|
import ConfirmForm from "./Form/ConfirmForm";
|
|
import RejectForm from "./Form/RejectForm";
|
|
import { useTranslations } from "next-intl";
|
|
import { DataTableContext } from "@/lib/app/contexts/DatatableContext";
|
|
|
|
const TableRowActions = ({ row }) => {
|
|
const t = useTranslations();
|
|
const {
|
|
openConfirmDialog,
|
|
openRejectDialog,
|
|
handleOpenConfirmDialog,
|
|
handleOpenRejectDialog,
|
|
handleCloseConfirmDialog,
|
|
handleCloseRejectDialog,
|
|
rowId,
|
|
confirmData,
|
|
rejectData,
|
|
} = useContext(DataTableContext);
|
|
return (
|
|
<Box sx={{ display: "flex", flexWrap: "nowrap", gap: "8px" }}>
|
|
<Tooltip title={t("ConfirmDialog.confirm")}>
|
|
<IconButton
|
|
color="primary"
|
|
onClick={() => {
|
|
handleOpenConfirmDialog(row);
|
|
}}
|
|
>
|
|
<ThumbUpAltIcon />
|
|
</IconButton>
|
|
</Tooltip>
|
|
{openConfirmDialog && (
|
|
<ConfirmForm
|
|
rowId={rowId}
|
|
open={openConfirmDialog}
|
|
handleClose={handleCloseConfirmDialog}
|
|
confirmData={confirmData}
|
|
/>
|
|
)}
|
|
<Tooltip title={t("RejectDialog.reject")}>
|
|
<IconButton color="primary" onClick={() => handleOpenRejectDialog(row)}>
|
|
<ThumbDownIcon />
|
|
</IconButton>
|
|
</Tooltip>
|
|
{openRejectDialog && (
|
|
<RejectForm
|
|
rowId={rowId}
|
|
open={openRejectDialog}
|
|
handleClose={handleCloseRejectDialog}
|
|
rejectData={rejectData}
|
|
/>
|
|
)}
|
|
</Box>
|
|
);
|
|
};
|
|
|
|
export default TableRowActions;
|