Display only one notif, added colors

This commit is contained in:
Cédric
2025-12-08 12:32:48 +01:00
parent 2e3d3ef51f
commit 6c14c41bbd

View File

@@ -29,10 +29,12 @@
#paymentAccepted { #paymentAccepted {
display: none; display: none;
color: #36ca3e;
} }
#paymentRefused { #paymentRefused {
display: none; display: none;
color: #ca3636;
} }
</style> </style>
</head> </head>
@@ -55,10 +57,10 @@
<button id="connect-button-pay">Pay</button> <button id="connect-button-pay">Pay</button>
</div> </div>
<div id="paymentAccepted"> <div id="paymentAccepted">
<h2>Payment Accepted</h2> <h3>Payment Accepted</h3>
</div> </div>
<div id="paymentRefused"> <div id="paymentRefused">
<h2>Payment Refused</h2> <h3>Payment Refused</h3>
</div> </div>
</main> </main>
@@ -113,8 +115,10 @@
.then(response => { .then(response => {
if (response.ok) { if (response.ok) {
document.getElementById("paymentAccepted").style.display = 'block'; document.getElementById("paymentAccepted").style.display = 'block';
document.getElementById("paymentRefused").style.display = 'none';
} else { } else {
document.getElementById("paymentRefused").style.display = 'block'; document.getElementById("paymentRefused").style.display = 'block';
document.getElementById("paymentAccepted").style.display = 'none';
throw new Error("Payment request failed") throw new Error("Payment request failed")
} }
}) })