@@ -205,6 +205,7 @@ const routerQuerySchema = z
205205const BookingPage = ( {
206206 eventType,
207207 booking,
208+ currentSlotBooking,
208209 profile,
209210 isDynamicGroupBooking,
210211 recurringEventCount,
@@ -584,23 +585,27 @@ const BookingPage = ({
584585 < div className = "text-bookinghighlight flex items-start text-sm" >
585586 < FiUser
586587 className = { `ml-[2px] mt-[2px] inline-block h-4 w-4 ltr:mr-[10px] rtl:ml-[10px] ${
587- booking && booking . attendees . length / eventType . seatsPerTimeSlot >= 0.5
588+ currentSlotBooking &&
589+ currentSlotBooking . attendees . length / eventType . seatsPerTimeSlot >= 0.5
588590 ? "text-rose-600"
589- : booking && booking . attendees . length / eventType . seatsPerTimeSlot >= 0.33
591+ : currentSlotBooking &&
592+ currentSlotBooking . attendees . length / eventType . seatsPerTimeSlot >= 0.33
590593 ? "text-yellow-500"
591594 : "text-bookinghighlight"
592595 } `}
593596 />
594597 < p
595598 className = { `${
596- booking && booking . attendees . length / eventType . seatsPerTimeSlot >= 0.5
599+ currentSlotBooking &&
600+ currentSlotBooking . attendees . length / eventType . seatsPerTimeSlot >= 0.5
597601 ? "text-rose-600"
598- : booking && booking . attendees . length / eventType . seatsPerTimeSlot >= 0.33
602+ : currentSlotBooking &&
603+ currentSlotBooking . attendees . length / eventType . seatsPerTimeSlot >= 0.33
599604 ? "text-yellow-500"
600605 : "text-bookinghighlight"
601606 } mb-2 font-medium`} >
602- { booking
603- ? eventType . seatsPerTimeSlot - booking . attendees . length
607+ { currentSlotBooking
608+ ? eventType . seatsPerTimeSlot - currentSlotBooking . attendees . length
604609 : eventType . seatsPerTimeSlot } { " " }
605610 / { eventType . seatsPerTimeSlot } { t ( "seats_available" ) }
606611 </ p >
@@ -632,6 +637,7 @@ const BookingPage = ({
632637 </ Button >
633638 < Button
634639 type = "submit"
640+ className = "dark:bg-darkmodebrand dark:hover:border-darkmodebrand dark:text-darkmodebrandcontrast bg-brand hover:border-brand text-brandcontrast"
635641 data-testid = { rescheduleUid ? "confirm-reschedule-button" : "confirm-book-button" }
636642 loading = { mutation . isLoading || recurringMutation . isLoading } >
637643 { rescheduleUid ? t ( "reschedule" ) : t ( "confirm" ) }
0 commit comments