From 9e844ffbbd7bf15389c25e949436bb0c87d5b4f0 Mon Sep 17 00:00:00 2001
From: nymkappa <1612910616@pm.me>
Date: Sat, 18 May 2024 10:43:19 +0200
Subject: [PATCH] [faucet] disable pointer when not available, fix
 unsubscribe()

---
 frontend/src/app/components/faucet/faucet.component.html | 2 +-
 frontend/src/app/components/faucet/faucet.component.ts   | 9 +++++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/components/faucet/faucet.component.html b/frontend/src/app/components/faucet/faucet.component.html
index 877bbda6b..1de123292 100644
--- a/frontend/src/app/components/faucet/faucet.component.html
+++ b/frontend/src/app/components/faucet/faucet.component.html
@@ -41,7 +41,7 @@
     }
 
     @if (!loading) {
-      <form [formGroup]="faucetForm" class="formGroup" (submit)="requestCoins()" [style]="(error || !this.user) ? 'opacity: 0.3' : ''">
+      <form [formGroup]="faucetForm" class="formGroup" (submit)="requestCoins()" [style]="(error || !this.user) ? 'opacity: 0.3; pointer-events: none' : ''">
         <div class="row">
           <div class="col">
             <div class="form-group mb-0">
diff --git a/frontend/src/app/components/faucet/faucet.component.ts b/frontend/src/app/components/faucet/faucet.component.ts
index af4bb34b4..729e9015c 100644
--- a/frontend/src/app/components/faucet/faucet.component.ts
+++ b/frontend/src/app/components/faucet/faucet.component.ts
@@ -47,8 +47,13 @@ export class FaucetComponent implements OnInit, OnDestroy {
   }
 
   ngOnDestroy() {
-    if (this.faucetStatusSubscription) {
-      this.faucetStatusSubscription.unsubscribe();
+    this.stateService.markBlock$.next({});
+    this.websocketService.stopTrackingTransaction();
+    if (this.mempoolPositionSubscription) {
+      this.mempoolPositionSubscription.unsubscribe();
+    }
+    if (this.confirmationSubscription) {
+      this.confirmationSubscription.unsubscribe();
     }
   }