updates
This commit is contained in:
@@ -484,20 +484,33 @@ const BookingSuccessPage: React.FC = () => {
|
||||
|
||||
{/* Total Price */}
|
||||
<div className="border-t pt-4">
|
||||
<div className="flex justify-between
|
||||
items-center"
|
||||
>
|
||||
<span className="text-lg font-semibold
|
||||
text-gray-900"
|
||||
>
|
||||
Total Payment
|
||||
</span>
|
||||
<span className="text-2xl font-bold
|
||||
text-indigo-600"
|
||||
>
|
||||
{formatPrice(booking.total_price)}
|
||||
</span>
|
||||
</div>
|
||||
{booking.original_price && booking.discount_amount && booking.discount_amount > 0 ? (
|
||||
<>
|
||||
<div className="mb-2">
|
||||
<div className="flex justify-between items-center mb-1">
|
||||
<span className="text-sm text-gray-600">Subtotal:</span>
|
||||
<span className="text-base font-semibold text-gray-900">{formatPrice(booking.original_price)}</span>
|
||||
</div>
|
||||
<div className="flex justify-between items-center mb-2">
|
||||
<span className="text-sm text-green-600">
|
||||
Discount{booking.promotion_code ? ` (${booking.promotion_code})` : ''}:
|
||||
</span>
|
||||
<span className="text-base font-semibold text-green-600">-{formatPrice(booking.discount_amount)}</span>
|
||||
</div>
|
||||
<div className="border-t border-gray-300 pt-2 mt-2">
|
||||
<div className="flex justify-between items-center">
|
||||
<span className="text-lg font-semibold text-gray-900">Total Payment</span>
|
||||
<span className="text-2xl font-bold text-indigo-600">{formatPrice(booking.total_price)}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
) : (
|
||||
<div className="flex justify-between items-center">
|
||||
<span className="text-lg font-semibold text-gray-900">Total Payment</span>
|
||||
<span className="text-2xl font-bold text-indigo-600">{formatPrice(booking.total_price)}</span>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user