add services for edit and delete out guilds

This commit is contained in:
2026-01-20 12:38:07 +03:30
parent e03e4bd0cc
commit 4e0c45e595
5 changed files with 289 additions and 84 deletions

View File

@@ -10,6 +10,7 @@ import { Grid } from "../../../../components/grid/Grid";
import { useDispatch } from "react-redux";
import { RiSearchLine } from "react-icons/ri";
import { fetchOutProvinceLegalBuyers } from "../../services/province-out-province-buyers";
import { ProvinceTrueGuildsOutProvinceOperations } from "../province-true-guilds-out-province/ProvinceTrueGuildsOutProvinceOperations";
export const ProvinceLegalGuildsOutProvince = () => {
const handleTextChange = (event) => {
@@ -73,6 +74,11 @@ export const ProvinceLegalGuildsOutProvince = () => {
item?.requestsInfo?.numberOfRequests?.toLocaleString() || "0",
item?.requestsInfo?.totalQuantity?.toLocaleString() || "0",
item?.requestsInfo?.totalWeight?.toLocaleString() || "0",
<ProvinceTrueGuildsOutProvinceOperations
key={item?.unitName}
item={item}
updateTable={() => fetchApiData(1)}
/>,
];
});
@@ -132,6 +138,7 @@ export const ProvinceLegalGuildsOutProvince = () => {
"تعداد درخواست ها",
"حجم تقریبی (قطعه)",
"وزن (کیلوگرم)",
"عملیات",
]}
handlePageChange={handlePageChange}
totalRows={totalRows}

View File

@@ -10,6 +10,7 @@ import { Grid } from "../../../../components/grid/Grid";
import { useDispatch } from "react-redux";
import { RiSearchLine } from "react-icons/ri";
import { fetchOutProvinceRealBuyers } from "../../services/province-out-province-buyers";
import { ProvinceTrueGuildsOutProvinceOperations } from "./ProvinceTrueGuildsOutProvinceOperations";
export const ProvinceTrueGuildsOutProvince = () => {
const handleTextChange = (event) => {
@@ -72,6 +73,11 @@ export const ProvinceTrueGuildsOutProvince = () => {
item?.requestsInfo?.numberOfRequests?.toLocaleString() || "0",
item?.requestsInfo?.totalQuantity?.toLocaleString() || "0",
item?.requestsInfo?.totalWeight?.toLocaleString() || "0",
<ProvinceTrueGuildsOutProvinceOperations
key={item?.unitName}
item={item}
updateTable={() => fetchApiData(1)}
/>,
];
});
@@ -131,6 +137,7 @@ export const ProvinceTrueGuildsOutProvince = () => {
"تعداد درخواست ها",
"حجم تقریبی (قطعه)",
"وزن (کیلوگرم)",
"عملیات",
]}
handlePageChange={handlePageChange}
totalRows={totalRows}

View File

@@ -0,0 +1,155 @@
import { useState } from "react";
import { useDispatch } from "react-redux";
import { Grid } from "../../../../components/grid/Grid";
import TuneIcon from "@mui/icons-material/Tune";
import { Button, IconButton, Popover, Tooltip } from "@mui/material";
import {
CLOSE_MODAL,
DRAWER,
OPEN_MODAL,
} from "../../../../lib/redux/slices/appSlice";
import EditIcon from "@mui/icons-material/Edit";
import DeleteIcon from "@mui/icons-material/Delete";
import { deleteOutProvinceTrueGuilds } from "../../services/delete-out-province-true-guilds";
import { SlaughterSellCarcassOutProvinceAddBuyer } from "../../../slaughter-house/components/slaughter-sell-carcass-out-province-add-buyer/SlaughterSellCarcassOutProvinceAddBuyer";
export const ProvinceTrueGuildsOutProvinceOperations = ({
item,
updateTable,
}) => {
const dispatch = useDispatch();
const [anchorEl, setAnchorEl] = useState(null);
const handleClick = (event) => {
setAnchorEl(event.currentTarget);
};
const handleClose = () => {
setAnchorEl(null);
};
const open = Boolean(anchorEl);
const id = open ? "popover" : undefined;
const deleteGuild = () => {
const buyerKey = item?.key;
if (buyerKey)
dispatch(deleteOutProvinceTrueGuilds({ buyer_key: buyerKey })).then(() =>
dispatch(CLOSE_MODAL())
);
};
return (
<Grid container>
<IconButton
aria-describedby={id}
variant="contained"
color="primary"
onClick={handleClick}
>
<TuneIcon />
</IconButton>
<Popover
anchorOrigin={{
vertical: "bottom",
horizontal: "right",
}}
transformOrigin={{
vertical: "top",
horizontal: "left",
}}
id={id}
open={open}
anchorEl={anchorEl}
onClose={handleClose}
>
<div
style={{
padding: "10px",
display: "flex",
flexDirection: "column",
}}
>
<Grid container direction="column">
<Tooltip title="ویرایش" placement="right">
<IconButton
color="primary"
onClick={() => {
handleClose();
dispatch(
DRAWER({
title: "ویرایش واحد",
right: !(window.innerWidth <= 600),
bottom: window.innerWidth <= 600,
content: (
<SlaughterSellCarcassOutProvinceAddBuyer
updateTable={updateTable}
isEdit
data={item}
defaultPersonType={
item?.buyer?.parentLegalPersonNationalCode
? "legal"
: "real"
}
defaultNationalCode={item?.buyer?.nationalCode}
/>
),
})
);
}}
>
<EditIcon />
</IconButton>
</Tooltip>
<Tooltip title="حذف" placement="right">
<IconButton
color="error"
onClick={() => {
handleClose();
dispatch(
OPEN_MODAL({
title: "آیا مطمئن هستید؟",
size: "auto",
content: (
<Grid
container
sx={{
width: "300px",
}}
>
<Button
color="error"
sx={{
flex: 1,
}}
onClick={() => {
dispatch(CLOSE_MODAL());
}}
>
لغو
</Button>
<Button
variant="contained"
color="error"
sx={{
flex: 1,
}}
onClick={() => deleteGuild()}
>
تایید
</Button>
</Grid>
),
})
);
}}
>
<DeleteIcon />
</IconButton>
</Tooltip>
</Grid>
</div>
</Popover>
</Grid>
);
};

View File

@@ -0,0 +1,15 @@
import { createAsyncThunk } from "@reduxjs/toolkit";
import axios from "axios";
export const deleteOutProvinceTrueGuilds = createAsyncThunk(
"DELETE_OUT_PROVINCE_TRUE_GUILDS",
async (d) => {
const { data, status } = await axios.delete(
"out-province-carcasses-buyer/0",
{
params: { buyer_key: d.buyer_key },
}
);
return { data, status };
}
);