Add styling to no reservations paragraph

lily-coder · lily-coder · commit 571ce72d3dec · 2021-09-18T12:38:30.000+03:00
diff --git a/src/modules/render/reservation.js b/src/modules/render/reservation.js
@@ -111,7 +111,7 @@ const reserveModal = (meal) => {
   reservationList.className = 'reservation-list';
   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>`;
+      reservationList.innerHTML = `<li class='no-reservations'>${`${data}. Add a new reservation`}</li>`;
     } else {
       const reservationCounter = counter.reservation(data);
       sectionTitleHeader.innerHTML = `Reservations(${reservationCounter})`;
@@ -171,7 +171,7 @@ const reserveModal = (meal) => {
         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>`;
+            reservationList.innerHTML = `<li class='no-reservations'>${`${data}. Add a new reservation`}</li>`;
           } else {
             const reservationCounter = counter.reservation(data);
             sectionTitleHeader.innerHTML = `Reservations(${reservationCounter})`;
diff --git a/src/style/style.css b/src/style/style.css
@@ -415,3 +415,8 @@ input {
   width: 70%;
   text-align: left;
 }
+
+.no-reservations {
+  color: #e8594fb7;
+  font-style: italic;
+}
