fix/payment-status-message-on-booking-cancelled (#7260)

Co-authored-by: Alex van Andel <me@alexvanandel.com>
pull/7316/head
alannnc 2023-02-23 21:58:14 -07:00 committed by GitHub
parent 6440d3da6a
commit 94dc2643f2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 11 deletions

View File

@ -442,17 +442,19 @@ export default function Success(props: SuccessProps) {
<div className="mt-3"> <div className="mt-3">
<p className="text-gray-600 dark:text-gray-300">{getTitle()}</p> <p className="text-gray-600 dark:text-gray-300">{getTitle()}</p>
</div> </div>
{props.paymentStatus && ( {props.paymentStatus &&
<h4> (bookingInfo.status === BookingStatus.CANCELLED ||
{!props.paymentStatus.success && bookingInfo.status === BookingStatus.REJECTED) && (
!props.paymentStatus.refunded && <h4>
t("booking_with_payment_cancelled")} {!props.paymentStatus.success &&
{props.paymentStatus.success && !props.paymentStatus.refunded &&
!props.paymentStatus.refunded && t("booking_with_payment_cancelled")}
t("booking_with_payment_cancelled_already_paid")} {props.paymentStatus.success &&
{props.paymentStatus.refunded && t("booking_with_payment_cancelled_refunded")} !props.paymentStatus.refunded &&
</h4> t("booking_with_payment_cancelled_already_paid")}
)} {props.paymentStatus.refunded && t("booking_with_payment_cancelled_refunded")}
</h4>
)}
<div className="border-bookinglightest text-bookingdark dark:border-darkgray-200 mt-8 grid grid-cols-3 border-t pt-8 text-left dark:text-gray-300"> <div className="border-bookinglightest text-bookingdark dark:border-darkgray-200 mt-8 grid grid-cols-3 border-t pt-8 text-left dark:text-gray-300">
{(isCancelled || reschedule) && cancellationReason && ( {(isCancelled || reschedule) && cancellationReason && (