diff --git a/btc-UI/src/app/components/sidebar/sidebar.component.css b/btc-UI/src/app/components/sidebar/sidebar.component.css
index 28220da..f807cf2 100755
--- a/btc-UI/src/app/components/sidebar/sidebar.component.css
+++ b/btc-UI/src/app/components/sidebar/sidebar.component.css
@@ -533,4 +533,9 @@ strong{
.modal-loading{
color: red;
font-weight: bold;
-}
\ No newline at end of file
+}
+
+.print-btn[disabled] {
+ opacity: 0.5;
+ cursor: not-allowed;
+}
diff --git a/btc-UI/src/app/components/sidebar/sidebar.component.html b/btc-UI/src/app/components/sidebar/sidebar.component.html
index c3a152f..9eaf55b 100755
--- a/btc-UI/src/app/components/sidebar/sidebar.component.html
+++ b/btc-UI/src/app/components/sidebar/sidebar.component.html
@@ -69,15 +69,29 @@
[(ngModel)]="payoutTicketNo"
/>
-
+
{{ payoutWarning }}
{{ loadingMessage }}
-
diff --git a/btc-UI/src/app/components/sidebar/sidebar.component.ts b/btc-UI/src/app/components/sidebar/sidebar.component.ts
index 2778b8e..9caba0a 100755
--- a/btc-UI/src/app/components/sidebar/sidebar.component.ts
+++ b/btc-UI/src/app/components/sidebar/sidebar.component.ts
@@ -293,14 +293,13 @@ payoutWarning = ''; // show GUI message when payout response is not as expected
async printPayoutTicket() {
console.log("🖨️ Print payout clicked");
this.payoutWarning = '';
- this.loadingMessage = 'Printing cancel ticket — please wait...';
const ticketNo = this.payoutTicketNo?.toString().trim();
if (!ticketNo) {
console.warn("⚠️ No payout ticket number set.");
this.payoutWarning = '❌ No payout ticket number set.';
return;
}
-
+ this.loadingMessage = 'Printing payout — please wait...';
const userName = localStorage.getItem('userName') || 'Unknown';
this.btid = localStorage.getItem('btid');
this.usrid = localStorage.getItem('userid');