complete delete role action

src/components/dashboard/Roles/DataTable.jsx

@@ -6,7 +6,7 @@ import { useMemo } from "react";
 // import RowActions from "./RowActions";
 import Toolbar from "./Toolbar";
 import moment from "jalali-moment";
-import RowActions from "@/components/dashboard/Users/RowActions";
+import RowActions from "@/components/dashboard/Roles/RowAcctions";
 
 const DataTable = () => {
     const columns = useMemo(

src/components/dashboard/Roles/RowAcctions/Delete/DeleteContent.jsx

@@ -0,0 +1,39 @@
+import { DELETE_ROLE } from "@/core/utils/routes";
+import useRequest from "@/lib/hooks/useRequest";
+import { Button, DialogActions, DialogContent, Stack, Typography } from "@mui/material";
+import { useState } from "react";
+
+const DeleteContent = ({ rowId, mutate, setOpenDeleteDialog }) => {
+    const [submitting, setSubmitting] = useState(false);
+    const requestServer = useRequest({ notificationSuccess: true });
+    const handleClick = async () => {
+        setSubmitting(true);
+        try {
+            await requestServer(`${DELETE_ROLE}/${rowId}`, "delete");
+            mutate();
+            setOpenDeleteDialog(false);
+        } catch (error) {
+        } finally {
+            setSubmitting(false);
+        }
+    };
+    return (
+        <>
+            <DialogContent>
+                <Stack alignItems="center" spacing={2}>
+                    <Typography mt={2}>آیا از حذف کاربر اطمینان دارید؟</Typography>
+                </Stack>
+            </DialogContent>
+            <DialogActions sx={{ justifyContent: "center", paddingBottom: 2, width: "100%" }}>
+                <Button onClick={() => setOpenDeleteDialog(false)} variant="outlined" color="secondary">
+                    خیر !
+                </Button>
+                <Button onClick={handleClick} variant="contained" color="error" disabled={submitting}>
+                    {submitting ? "درحال حذف..." : "بله اطمینان دارم"}
+                </Button>
+            </DialogActions>
+        </>
+    );
+};
+
+export default DeleteContent;

src/components/dashboard/Roles/RowAcctions/Delete/index.jsx

@@ -0,0 +1,32 @@
+import DeleteIcon from "@mui/icons-material/Delete";
+import { Dialog, DialogTitle, IconButton, Tooltip } from "@mui/material";
+import { useState } from "react";
+import DeleteContent from "./DeleteContent";
+const Delete = ({ rowId, mutate }) => {
+    const [openDeleteDialog, setOpenDeleteDialog] = useState(false);
+
+    return (
+        <>
+            <Tooltip title="حذف">
+                <IconButton color="error" onClick={() => setOpenDeleteDialog(true)}>
+                    <DeleteIcon />
+                </IconButton>
+            </Tooltip>
+            <Dialog
+                open={openDeleteDialog}
+                onClose={() => setOpenDeleteDialog(false)}
+                PaperProps={{
+                    sx: {
+                        boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
+                    },
+                }}
+                dir="rtl"
+                maxWidth={"md"}
+            >
+                <DialogTitle>حذف</DialogTitle>
+                <DeleteContent rowId={rowId} mutate={mutate} setOpenDeleteDialog={setOpenDeleteDialog} />
+            </Dialog>
+        </>
+    );
+};
+export default Delete;

src/components/dashboard/Roles/RowAcctions/index.jsx

@@ -0,0 +1,12 @@
+import { Box } from "@mui/material";
+import Delete from "./Delete";
+// import UpdateUser from "./Edit";
+const RowActions = ({ row, mutate }) => {
+    return (
+        <Box sx={{ display: "flex", gap: 1, alignItems: "center" }}>
+            <Delete rowId={row.original.id} mutate={mutate} />
+            {/*<UpdateUser values={row.original} mutate={mutate} />*/}
+        </Box>
+    );
+};
+export default RowActions;