adding cancel reason in dropdown

This commit is contained in:
Sibunnayak 2024-09-24 17:33:41 +05:30
parent 05c9d902ff
commit 9f6efa2e96

View File

@ -17,7 +17,7 @@ import {
DialogContentText, DialogContentText,
DialogTitle, DialogTitle,
TextField, TextField,
Divider, Divider, InputLabel, Select, MenuItem
} from "@mui/material"; } from "@mui/material";
import onvoicesData from "../../assets/incoicedata.json"; import onvoicesData from "../../assets/incoicedata.json";
import { useNavigate, useParams } from "react-router-dom"; import { useNavigate, useParams } from "react-router-dom";
@ -60,7 +60,7 @@ const ViewOrders = () => {
}, },
} }
); );
console.log(response); // console.log(response);
setOrder(response.data.singleOrder); setOrder(response.data.singleOrder);
setStatus(response.data.singleOrder?.status); setStatus(response.data.singleOrder?.status);
@ -164,12 +164,12 @@ const ViewOrders = () => {
} }
} else if (orderStatus === "processing") { } else if (orderStatus === "processing") {
const processingOrderInvoice = order?.orderItem const processingOrderInvoice = order?.orderItem
.filter((item) => item.remainingQuantity > 0) // Only include items with remainingQuantity > 0 .filter((item) => item.remainingQuantity > 0) // Only include items with remainingQuantity > 0
.map((item) => ({ .map((item) => ({
...item, ...item,
productId: item.productId._id, productId: item.productId._id,
processquantity: item.remainingQuantity, // Add processquantity only for items with remainingQuantity > 0 processquantity: item.remainingQuantity, // Add processquantity only for items with remainingQuantity > 0
})); }));
console.log(processingOrderInvoice); console.log(processingOrderInvoice);
const cancellationRes = await axios.post( const cancellationRes = await axios.post(
`/api/processing-order`, `/api/processing-order`,
@ -532,7 +532,7 @@ const ViewOrders = () => {
)} )}
{status === "pending" && ( {status === "pending" && (
<> <>
<option value="">Pending</option> <option value="">Pending</option>
<option value="processing">Processing</option> <option value="processing">Processing</option>
<option value="partial-processing"> <option value="partial-processing">
Partial Processing Partial Processing
@ -638,18 +638,27 @@ const ViewOrders = () => {
<form onSubmit={handleConfirmUpdate}> <form onSubmit={handleConfirmUpdate}>
<DialogContent> <DialogContent>
<DialogContentText> <DialogContentText>
Please provide a reason for cancelling the order: Please select a reason for cancelling the order:
</DialogContentText> </DialogContentText>
<TextField <FormControl fullWidth variant="outlined" margin="dense">
autoFocus <InputLabel id="cancellation-reason-label">
required Cancellation Reason
margin="dense" </InputLabel>
label="Cancellation Reason" <Select
fullWidth labelId="cancellation-reason-label"
variant="outlined" value={cancellationReason}
value={cancellationReason} onChange={(e) => setCancellationReason(e.target.value)}
onChange={(e) => setCancellationReason(e.target.value)} required
/> >
<MenuItem value="Out of stock">Out of stock</MenuItem>
<MenuItem value="Customer request">Customer request</MenuItem>
<MenuItem value="Price issue">Price issue</MenuItem>
<MenuItem value="Partial cancellation">
Partial cancellation
</MenuItem>
<MenuItem value="Other">Other</MenuItem>
</Select>
</FormControl>
</DialogContent> </DialogContent>
<DialogActions> <DialogActions>
<Button onClick={handleCancel} color="primary"> <Button onClick={handleCancel} color="primary">