Can change a reservation's dates
All checks were successful
continuous-integration/drone/push Build is passing
continuous-integration/drone/pr Build is passing

This commit is contained in:
Pierre HUBERT 2024-06-21 20:01:43 +02:00
parent ac8ff918b1
commit bd3e8df4aa
2 changed files with 77 additions and 10 deletions

View File

@ -118,6 +118,23 @@ export class AccommodationsReservationsApi {
return new AccommodationsReservationsList(data); return new AccommodationsReservationsList(data);
} }
/**
* Update a reservation
*/
static async Update(
family: Family,
r: UpdateAccommodationReservation
): Promise<void> {
await APIClient.exec({
method: "PATCH",
uri: `/family/${family.family_id}/accommodations/reservation/${r.reservation_id}`,
jsonData: {
start: r.start,
end: r.end,
},
});
}
/** /**
* Delete a reservation * Delete a reservation
*/ */

View File

@ -5,6 +5,7 @@ import interactionPlugin from "@fullcalendar/interaction";
import listPlugin from "@fullcalendar/list"; import listPlugin from "@fullcalendar/list";
import FullCalendar from "@fullcalendar/react"; import FullCalendar from "@fullcalendar/react";
import DeleteIcon from "@mui/icons-material/Delete"; import DeleteIcon from "@mui/icons-material/Delete";
import EditIcon from "@mui/icons-material/Edit";
import { import {
Alert, Alert,
Avatar, Avatar,
@ -172,6 +173,44 @@ export function AccommodationsReservationsRoute(): React.ReactElement {
}); });
}; };
const changeReservation = async (r: AccommodationReservation) => {
try {
const ac = accommodations.accommodations.get(r.accommodation_id);
if (
ac?.need_validation &&
!(await confirm(
"Voulez-vous vraiment changer cette réservation ? Celle-ci devra être de nouveau validée !"
))
)
return;
const newResa = await updateReservation(
{
reservation_id: r.id,
accommodation_id: r.accommodation_id,
start: r.reservation_start,
end: r.reservation_end,
},
false
);
if (!newResa) return;
setActiveEvent(undefined);
loadingMessage.show("Mise à jour de la réservation en cours...");
await AccommodationsReservationsApi.Update(family.family, newResa);
reload();
snackbar("La réservation a été mise à jour avec succès !");
} catch (e) {
console.error("Failed to update a reservation!", e);
alert("Échec de la mise à jour de la réservation!");
} finally {
loadingMessage.hide();
}
};
const deleteReservation = async (r: AccommodationReservation) => { const deleteReservation = async (r: AccommodationReservation) => {
try { try {
if ( if (
@ -428,16 +467,27 @@ export function AccommodationsReservationsRoute(): React.ReactElement {
</CardContent> </CardContent>
<CardActions disableSpacing> <CardActions disableSpacing>
{user.user.id === activeEvent?.reservation.user_id && ( {user.user.id === activeEvent?.reservation.user_id && (
<Tooltip title="Supprimer la réservation" arrow> <>
<IconButton <Tooltip title="Modifer les dates de réservation" arrow>
color="error" <IconButton
onClick={() => onClick={() =>
deleteReservation(activeEvent?.reservation) changeReservation(activeEvent?.reservation)
} }
> >
<DeleteIcon /> <EditIcon />
</IconButton> </IconButton>
</Tooltip> </Tooltip>
<Tooltip title="Supprimer la réservation" arrow>
<IconButton
color="error"
onClick={() =>
deleteReservation(activeEvent?.reservation)
}
>
<DeleteIcon />
</IconButton>
</Tooltip>
</>
)} )}
</CardActions> </CardActions>
</Card> </Card>