diff --git a/apps/web/components/booking/BookingListItem.tsx b/apps/web/components/booking/BookingListItem.tsx index 28e97d498a..07ceb2ee44 100644 --- a/apps/web/components/booking/BookingListItem.tsx +++ b/apps/web/components/booking/BookingListItem.tsx @@ -230,6 +230,7 @@ function BookingListItem(booking: BookingItemProps) { bookingId: booking.id, recur: booking.recurringEventId, reschedule: booking.confirmed, + status: booking.listingStatus, }, }) }> diff --git a/apps/web/pages/success.tsx b/apps/web/pages/success.tsx index e7482deaa2..a22dc2e074 100644 --- a/apps/web/pages/success.tsx +++ b/apps/web/pages/success.tsx @@ -148,7 +148,7 @@ type SuccessProps = inferSSRProps; export default function Success(props: SuccessProps) { const { t } = useLocale(); const router = useRouter(); - const { location: _location, name, reschedule } = router.query; + const { location: _location, name, reschedule, status } = router.query; const location = Array.isArray(_location) ? _location[0] : _location; const [is24h, setIs24h] = useState(isBrowserLocale24h()); const { data: session } = useSession(); @@ -333,6 +333,7 @@ export default function Success(props: SuccessProps) { isReschedule={reschedule === "true"} eventType={props.eventType} recurringBookings={props.recurringBookings} + status={(status as string) || "upcoming"} date={date} is24h={is24h} /> @@ -590,6 +591,7 @@ type RecurringBookingsProps = { recurringBookings: SuccessProps["recurringBookings"]; date: dayjs.Dayjs; is24h: boolean; + status: string; }; function RecurringBookings({ @@ -597,10 +599,11 @@ function RecurringBookings({ eventType, recurringBookings, date, + status, }: RecurringBookingsProps) { const [moreEventsVisible, setMoreEventsVisible] = useState(false); const { t } = useLocale(); - return !isReschedule && recurringBookings ? ( + return !isReschedule && recurringBookings && status === "upcoming" ? ( <> {eventType.recurringEvent?.count && recurringBookings.slice(0, 4).map((dateStr, idx) => ( @@ -636,7 +639,7 @@ function RecurringBookings({ )} - ) : !eventType.recurringEvent.freq ? ( + ) : ( <> {date.format("MMMM DD, YYYY")}
@@ -645,7 +648,7 @@ function RecurringBookings({ ({localStorage.getItem("timeOption.preferredTimeZone") || dayjs.tz.guess()}) - ) : null; + ); } const getEventTypesFromDB = async (id: number) => {