diff --git a/apps/web/components/booking/BookingListItem.tsx b/apps/web/components/booking/BookingListItem.tsx index ea9efb0c74..f2281abd8a 100644 --- a/apps/web/components/booking/BookingListItem.tsx +++ b/apps/web/components/booking/BookingListItem.tsx @@ -262,15 +262,21 @@ function BookingListItem(booking: BookingItemProps) { const title = booking.title; - const showRecordingsButtons = !!(booking.isRecorded && isPast && isConfirmed); + const showViewRecordingsButton = !!(booking.isRecorded && isPast && isConfirmed); + const showCheckRecordingButton = + isPast && + isConfirmed && + !booking.isRecorded && + (!booking.location || booking.location === "integrations:daily" || booking?.location?.trim() === ""); const showRecordingActions: ActionType[] = [ { id: "view_recordings", - label: t("view_recordings"), + label: showCheckRecordingButton ? t("check_for_recordings") : t("view_recordings"), onClick: () => { setViewRecordingsDialogIsOpen(true); }, + color: showCheckRecordingButton ? "secondary" : "primary", disabled: mutation.isLoading, }, ]; @@ -298,7 +304,7 @@ function BookingListItem(booking: BookingItemProps) { paymentCurrency={booking.payment[0].currency} /> )} - {showRecordingsButtons && ( + {(showViewRecordingsButton || showCheckRecordingButton) && ( ) : null} {isPast && isPending && !isConfirmed ? : null} - {showRecordingsButtons && } + {(showViewRecordingsButton || showCheckRecordingButton) && ( + + )} {isCancelled && booking.rescheduled && (