BOOKING-285: Fixed issue with pending bookings

web/modules/custom/itkdev_booking/assets/create-build.sh

@@ -0,0 +1,3 @@
+npm run build
+cp -v build/static/js/main.*.js dist/main.js
+cp -v build/static/css/main.*.css dist/main.css

web/modules/custom/itkdev_booking/assets/src/user-panel.js

@@ -72,7 +72,7 @@ function UserPanel({ config }) {
           const newLoadedUserBookings = { ...loadedUserBookings };
 
           newLoadedUserBookings["hydra:member"] = newLoadedUserBookings["hydra:member"].map((booking) => {
-            const newBooking = booking;
+            const newBooking = { ...booking };
 
             if (newBooking.status === "AWAITING_APPROVAL") {
               newBooking.status = <LoadingSpinner size="small" />;
@@ -83,7 +83,7 @@ function UserPanel({ config }) {
             return newBooking;
           });
 
-          setUserBookings(loadedUserBookings);
+          setUserBookings(newLoadedUserBookings);
 
           return pending;
         })
@@ -209,15 +209,17 @@ function UserPanel({ config }) {
   useEffect(() => {
     if (pendingBookings.length > 0) {
       Api.fetchBookingStatus(config.api_endpoint, pendingBookings)
-        .then((element) => {
+        .then((response) => {
           const newUserBookings = { ...userBookings };
 
           newUserBookings["hydra:member"] = newUserBookings["hydra:member"].map((booking) => {
-            const newBooking = booking;
+            const newBooking = { ...booking };
 
-            if (element.exchangeId === newBooking.exchangeId) {
-              newBooking.status = element.status;
-            }
+            response.forEach((element) => {
+              if (element.exchangeId === booking.exchangeId) {
+                newBooking.status = getStatus(element.status);
+              }
+            });
 
             return newBooking;
           });

web/modules/custom/itkdev_booking/docker-compose.yml

@@ -20,7 +20,7 @@ services:
       - '80'
     volumes:
       - ${PWD}/.docker/vhost.conf:/etc/nginx/conf.d/default.conf:ro
-      - .:/app:delegated
+      - .:/app
     labels:
       - "traefik.enable=true"
       - "traefik.docker.network=frontend"
@@ -35,4 +35,4 @@ services:
     environment:
       - NODE_ENV=development
     volumes:
-      - ./assets:/app:delegated
+      - ./assets:/app

web/modules/custom/itkdev_booking/documentation/development.md

@@ -22,7 +22,7 @@ To build the code for use in the drupal module.
 This will copy the compiled css and js to the library that drupal expects.
 
 ```shell
-./create-build.sh
+docker compose run --rm node bash -c './create-build.sh'
 ```
 
 ## Configuration within a drupal environment