fixes for non-dual-node rbf feature

backend/src/api/websocket-handler.ts

@@ -438,7 +438,6 @@ class WebsocketHandler {
         }
       }
 
-      console.log(client['track-rbf']);
       if (client['track-rbf'] === 'all' && rbfReplacements) {
         response['rbfLatest'] = rbfReplacements;
       } else if (client['track-rbf'] === 'fullRbf' && fullRbfReplacements) {

frontend/src/app/components/rbf-timeline/rbf-timeline-tooltip.component.html

@@ -1,6 +1,6 @@
 <div
   #tooltip
-  *ngIf="rbfInfo"
+  *ngIf="rbfInfo && tooltipPosition !== null"
   class="rbf-tooltip"
   [style.left]="tooltipPosition.x + 'px'"
   [style.top]="tooltipPosition.y + 'px'"

frontend/src/app/components/rbf-timeline/rbf-timeline-tooltip.component.ts

@@ -10,7 +10,7 @@ export class RbfTimelineTooltipComponent implements OnChanges {
   @Input() rbfInfo: RbfInfo | void;
   @Input() cursorPosition: { x: number, y: number };
 
-  tooltipPosition = { x: 0, y: 0 };
+  tooltipPosition = null;
 
   @ViewChild('tooltip') tooltipElement: ElementRef<HTMLCanvasElement>;
 

frontend/src/app/components/rbf-timeline/rbf-timeline.component.ts

@@ -23,7 +23,7 @@ export class RbfTimelineComponent implements OnInit, OnChanges {
   rows: TimelineCell[][] = [];
 
   hoverInfo: RbfInfo | void = null;
-  tooltipPosition = { x: 0, y: 0 };
+  tooltipPosition = null;
 
   dir: 'rtl' | 'ltr' = 'ltr';
 

frontend/src/app/components/transaction/transaction.component.html

@@ -97,7 +97,7 @@
                     </tr>
                   </ng-template>
                 </ng-template>
-                <tr *ngIf="!replaced">
+                <tr *ngIf="!replaced && !isCached">
                   <td class="td-width" i18n="transaction.eta|Transaction ETA">ETA</td>
                   <td>
                     <ng-template [ngIf]="txInBlockIndex === undefined" [ngIfElse]="estimationTmpl">

frontend/src/app/components/transaction/transaction.component.ts

@@ -170,7 +170,7 @@ export class TransactionComponent implements OnInit, AfterViewInit, OnDestroy {
 
         this.tx.effectiveFeePerVsize = totalFees / (totalWeight / 4);
 
-        if (!this.tx.status.confirmed) {
+        if (!this.tx?.status?.confirmed) {
           this.stateService.markBlock$.next({
             txFeePerVSize: this.tx.effectiveFeePerVsize,
           });
@@ -218,9 +218,9 @@ export class TransactionComponent implements OnInit, AfterViewInit, OnDestroy {
         this.error = undefined;
         this.waitingForTransaction = false;
         this.graphExpanded = false;
+        this.transactionTime = 0;
         this.setupGraph();
 
-        if (!this.tx?.status?.confirmed) {
         this.fetchRbfHistory$.next(this.tx.txid);
         this.txRbfInfoSubscription = this.stateService.txRbfInfo$.subscribe((rbfInfo) => {
           if (this.tx) {
@@ -228,7 +228,6 @@ export class TransactionComponent implements OnInit, AfterViewInit, OnDestroy {
           }
         });
       }
-      }
     });
 
     this.subscription = this.route.paramMap
@@ -268,7 +267,7 @@ export class TransactionComponent implements OnInit, AfterViewInit, OnDestroy {
             of(true),
             this.stateService.connectionState$.pipe(
               filter(
-                (state) => state === 2 && this.tx && !this.tx.status.confirmed
+                (state) => state === 2 && this.tx && !this.tx.status?.confirmed
               )
             )
           );
@@ -305,6 +304,7 @@ export class TransactionComponent implements OnInit, AfterViewInit, OnDestroy {
       )
       .subscribe((tx: Transaction) => {
           if (!tx) {
+            this.fetchCachedTx$.next(this.txId);
             return;
           }
 
@@ -323,13 +323,17 @@ export class TransactionComponent implements OnInit, AfterViewInit, OnDestroy {
           this.graphExpanded = false;
           this.setupGraph();
 
-          if (!tx.status.confirmed && tx.firstSeen) {
+          if (!tx.status?.confirmed) {
+            if (tx.firstSeen) {
               this.transactionTime = tx.firstSeen;
+            } else {
+              this.transactionTime = 0;
+            }
           } else {
             this.getTransactionTime();
           }
 
-          if (this.tx.status.confirmed) {
+          if (this.tx?.status?.confirmed) {
             this.stateService.markBlock$.next({
               blockHeight: tx.status.block_height,
             });
@@ -346,10 +350,10 @@ export class TransactionComponent implements OnInit, AfterViewInit, OnDestroy {
             } else {
               this.fetchCpfp$.next(this.tx.txid);
             }
-            this.fetchRbfHistory$.next(this.tx.txid);
           }
+          this.fetchRbfHistory$.next(this.tx.txid);
 
-          this.priceService.getBlockPrice$(tx.status.block_time, true).pipe(
+          this.priceService.getBlockPrice$(tx.status?.block_time, true).pipe(
             tap((price) => {
               this.blockConversion = price;
             })
@@ -383,11 +387,13 @@ export class TransactionComponent implements OnInit, AfterViewInit, OnDestroy {
         this.error = new Error();
         this.waitingForTransaction = false;
       }
+      if (!this.tx?.status?.confirmed) {
         this.rbfTransaction = rbfTransaction;
         this.replaced = true;
         if (rbfTransaction && !this.tx) {
           this.fetchCachedTx$.next(this.txId);
         }
+      }
     });
 
     this.txRbfInfoSubscription = this.stateService.txRbfInfo$.subscribe((rbfInfo) => {

frontend/src/app/services/state.service.ts

@@ -43,6 +43,7 @@ export interface Env {
   MAINNET_BLOCK_AUDIT_START_HEIGHT: number;
   TESTNET_BLOCK_AUDIT_START_HEIGHT: number;
   SIGNET_BLOCK_AUDIT_START_HEIGHT: number;
+  FULL_RBF_ENABLED: boolean;
   HISTORICAL_PRICE: boolean;
 }
 
@@ -73,6 +74,7 @@ const defaultEnv: Env = {
   'MAINNET_BLOCK_AUDIT_START_HEIGHT': 0,
   'TESTNET_BLOCK_AUDIT_START_HEIGHT': 0,
   'SIGNET_BLOCK_AUDIT_START_HEIGHT': 0,
+  'FULL_RBF_ENABLED': false,
   'HISTORICAL_PRICE': true,
 };