fix: rename children to childrenInRoom

components/HotelReservation/EnterDetails/Summary/PriceDetailsTable/index.tsx

@@ -66,7 +66,7 @@ export default function PriceDetailsTable({
     useEnterDetailsStore(storeSelector)
 
   // TODO: Update for Multiroom later
-  const { adults, children } = booking.rooms[0]
+  const { adults, childrenInRoom } = booking.rooms[0]
   const nights = getNights(booking.fromDate, booking.toDate)
 
   const vatPercentage = vat / 100
@@ -121,13 +121,13 @@ export default function PriceDetailsTable({
               breakfast.localPrice.currency
             )}
           />
-          {children?.length ? (
+          {childrenInRoom?.length ? (
             <Row
               label={`${intl.formatMessage(
                 {
                   id: "{totalChildren, plural, one {# child} other {# children}}",
                 },
-                { totalChildren: children.length }
+                { totalChildren: childrenInRoom.length }
               )}, ${intl.formatMessage(
                 {
                   id: "{totalBreakfasts, plural, one {# breakfast} other {# breakfasts}}",

components/HotelReservation/EnterDetails/Summary/UI/index.tsx

@@ -73,7 +73,7 @@ export default function SummaryUI({
 
   // TODO: Update for Multiroom later
   const adults = booking.rooms[0].adults
-  const children = booking.rooms[0].children
+  const children = booking.rooms[0].childrenInRoom
 
   const childrenBeds = children?.reduce(
     (acc, value) => {