Display only one notif, added colors
This commit is contained in:
@@ -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")
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|||||||
Reference in New Issue
Block a user