memartel_loc/GGMM
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix pour que ça update les invoices dans le ui quand on cancel

Browse Source
This commit is contained in:
Victor Turgeon 2022-11-25 12:43:02 -05:00
parent a7f343545f
commit 5d64c7d8ca
3 changed files with 20 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
GrossesMitaines/grosses-mitaines-ui/src/pages/Invoices.js
View File

@ -24,7 +24,7 @@ const Invoices = () => {
var json = await response.json(); var json = await response.json();
setInvoices(json); setInvoices(json);
} }
else{ else {
console.log("Erreur lors de la requête des invoices"); console.log("Erreur lors de la requête des invoices");
} }
}); });
@ -47,10 +47,17 @@ const Invoices = () => {
credentials: 'include' credentials: 'include'
}).then(async (response) => { }).then(async (response) => {
if (response.ok) { if (response.ok) {
const deletedId = await response.json(); const deletedInvoice = await response.json();
setInvoices(invoices.filter((invoice) => invoice.id !== deletedId)); var newInvoice = invoices.find(x => x.id == deletedInvoice.id);
console.log(newInvoice);
newInvoice.status = deletedInvoice.status;
setInvoices([...(invoices.filter(x => x.id !== newInvoice.id)), { ...newInvoice }].sort((a, b) => a.id - b.id));
onShowAlert('Annulation de la commande avec succès!', 2000); mySwal.fire({
title: `Commande annulée...`,
text: `La commande a été annulée!`,
icon: 'success',
});
} }
else { else {
mySwal.fire({ mySwal.fire({

13
GrossesMitaines/grosses-mitaines-ui/src/pages/MyInvoices.js
View File

@ -7,9 +7,9 @@ import withReactContent from "sweetalert2-react-content";
const MyInvoices = () => { const MyInvoices = () => {
const [invoices, setInvoices] = useState([]); const [invoices, setInvoices] = useState([]);
const mySwal = withReactContent(Swal); const mySwal = withReactContent(Swal);
useEffect(() => { useEffect(() => {
fetch(`https://localhost:7292/api/Invoice`, { fetch(`https://localhost:7292/api/Invoice`, {
method: 'GET', method: 'GET',
@ -20,7 +20,7 @@ const MyInvoices = () => {
var json = await response.json(); var json = await response.json();
setInvoices(json); setInvoices(json);
} }
else{ else {
console.log("Erreur lors de la requête des invoices"); console.log("Erreur lors de la requête des invoices");
} }
}); });
@ -43,8 +43,11 @@ const MyInvoices = () => {
credentials: 'include' credentials: 'include'
}).then(async (response) => { }).then(async (response) => {
if (response.ok) { if (response.ok) {
const deletedId = await response.json(); const deletedInvoice = await response.json();
setInvoices(invoices.filter((invoice) => invoice.id !== deletedId)); var newInvoice = invoices.find(x => x.id == deletedInvoice.id);
console.log(newInvoice);
newInvoice.status = deletedInvoice.status;
setInvoices([...(invoices.filter(x => x.id !== newInvoice.id)), { ...newInvoice }].sort((a, b) => a.id - b.id));
mySwal.fire({ mySwal.fire({
title: `Commande annulée...`, title: `Commande annulée...`,

1
GrossesMitaines/grosses-mitaines-ui/src/stylesheets/site.css
View File

@ -758,6 +758,7 @@ a {
width: 50%; width: 50%;
margin: auto; margin: auto;
margin-top: 10px; margin-top: 10px;
margin-right: 10px;
} }
.invoice-item-products { .invoice-item-products {