mirrors/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2025-01-17 18:52:34 +01:00
Code Issues Projects Releases Wiki Activity

Fixing tx tracking issues.

Browse Source
This commit is contained in:
Simon Lindh 2019-07-25 14:20:02 +03:00
parent 9898996d6c
commit 2b6426a126
4 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
backend/src/index.ts
View File

@ -127,6 +127,9 @@ class MempoolSpace {
}));
} else {
console.log('TX NOT FOUND, NOT TRACKING');
client['trackingTx'] = false;
client['blockHeight'] = 0;
client['tx'] = null;
client.send(JSON.stringify({
'track-tx': {
tracking: false,

5
frontend/src/app/services/api.service.ts
View File

@ -4,7 +4,7 @@ import { HttpClient, HttpParams } from '@angular/common/http';
import { IMempoolDefaultResponse, IMempoolStats, IBlockTransaction, IBlock } from '../blockchain/interfaces';
import { Observable } from 'rxjs';
import { MemPoolService } from './mem-pool.service';
import { tap, retryWhen } from 'rxjs/operators';
import { tap, retryWhen, delay } from 'rxjs/operators';
const WEB_SOCKET_URL = 'ws://' + document.location.hostname + ':8999';
const API_BASE_URL = '/api/v1';
@ -27,7 +27,8 @@ export class ApiService {
.pipe(
retryWhen((errors: any) => errors
.pipe(
tap(() => this.memPoolService.isOffline$.next(true))
tap(() => this.memPoolService.isOffline$.next(true)),
delay(5000),
)
),
)

2
frontend/src/app/tx-bubble/tx-bubble.component.html
View File

@ -1,5 +1,5 @@
<div class="txBubble" [ngStyle]="txBubbleStyle" *ngIf="txTrackingEnabled && tx">
<span class="txBubbleText" ngClass="arrow-{{ arrowPosition }}">
<span class="txBubbleText" ngClass="arrow-{{ txBubbleArrowPosition }}">
<table style="width: 100%;">
<tr>
<td class="text-left"><b>Transaction hash</b></td>

7
frontend/src/app/tx-bubble/tx-bubble.component.ts
View File

@ -12,7 +12,7 @@ export class TxBubbleComponent implements OnInit, OnDestroy {
tx: ITransaction | null = null;
txTrackingBlockHeight = 0;
latestBlockHeight = 0;
arrowPosition: 'top' | 'right' | 'bottom' | 'top-right' | 'top-left' = 'top';
txBubbleArrowPosition: 'top' | 'right' | 'bottom' | 'top-right' | 'top-left' = 'top';
txTrackingSubscription: Subscription;
projectedBlocksSubscription: Subscription;
@ -35,8 +35,6 @@ export class TxBubbleComponent implements OnInit, OnDestroy {
txTrackingTx: ITransaction | null = null;
txShowTxNotFound = false;
txBubbleArrowPosition = 'top';
@HostListener('window:resize', ['$event'])
onResize(event: Event) {
this.moveTxBubbleToPosition();
@ -77,6 +75,7 @@ export class TxBubbleComponent implements OnInit, OnDestroy {
if (this.txTrackingBlockHeight) {
this.confirmations = (this.latestBlockHeight - this.txTrackingBlockHeight) + 1;
}
setTimeout(() => this.moveTxBubbleToPosition(), 1000);
});
this.memPoolService.conversions$
@ -117,7 +116,7 @@ export class TxBubbleComponent implements OnInit, OnDestroy {
} else {
this.txBubbleStyle['left'] = window.innerWidth - 220 + 'px';
this.txBubbleArrowPosition = 'right';
this.txBubbleStyle['top'] = '425px';
this.txBubbleStyle['top'] = '460px';
}
} else {
this.txBubbleArrowPosition = 'top';