Update counter display for comment and reservation

ookino · ookino · commit a9587535a846 · 2021-09-17T16:07:59.000+01:00
diff --git a/src/modules/render/comments.js b/src/modules/render/comments.js
@@ -105,14 +105,16 @@ const commentModal = (meal) => {
     API.postComment(
       meal.idMeal,
       commenterName.value,
-      commenterMessage.value,
+      commenterMessage.value
     ).then(() => {
       if (commentUl.hasChildNodes()) {
         commentUl.innerHTML = '';
         API.getComments(meal.idMeal).then((data) => {
           if (data === 'No comments available for this meal') {
             commentUl.innerHTML = `<li class="no-comments">${`${data}. Add a new comment`}</li>`;
           } else {
+            const commentCounter = counter.comments(data);
+            allCommentsTitle.innerText = `All Comments(${commentCounter})`;
             data.forEach((userComment) => {
               displayComments(commentUl, userComment);
             });
@@ -127,4 +129,4 @@ const commentModal = (meal) => {
   modal.appendChild(modalInner);
 };
 
-export default commentModal;
+export default commentModal;
diff --git a/src/modules/render/reservation.js b/src/modules/render/reservation.js
@@ -162,14 +162,16 @@ const reserveModal = (meal) => {
       meal.idMeal,
       inputReserveName.value,
       inputReserveStartDate.value,
-      inputReserveEndDate.value,
+      inputReserveEndDate.value
     ).then(() => {
       if (reservationList.hasChildNodes()) {
         reservationList.innerHTML = '';
         API.getReservations(meal.idMeal).then((data) => {
           if (data === 'No reservations available for this meal') {
             reservationList.innerHTML = `<li class='no-comments'>${`${data}. Add a new reservation`}</li>`;
           } else {
+            const reservationCounter = counter.reservation(data);
+            sectionTitleHeader.innerHTML = `Reservations(${reservationCounter})`;
             data.forEach((userReservation) => {
               displayReservations(reservationList, userReservation);
             });
