machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Optimization for bisq transaction table rendering

Browse Source
This commit is contained in:
softsimon 2020-08-11 00:43:24 +07:00
parent 83a0e53300
commit 8aefbb5449
3 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/bisq/bisq-icon/bisq-icon.component.ts
View File

@ -77,5 +77,7 @@ export class BisqIconComponent implements OnChanges {
this.iconProp[1] = 'question'; this.iconProp[1] = 'question';
this.color = 'ffac00'; this.color = 'ffac00';
} }
// @ts-ignore
this.iconProp = this.iconProp.slice();
} }
} }

2
frontend/src/app/bisq/bisq-transactions/bisq-transactions.component.html
View File

@ -22,7 +22,7 @@
<th class="d-none d-md-block">Height</th> <th class="d-none d-md-block">Height</th>
</thead> </thead>
<tbody *ngIf="transactions.value; else loadingTmpl"> <tbody *ngIf="transactions.value; else loadingTmpl">
<tr *ngFor="let tx of transactions.value[0]"> <tr *ngFor="let tx of transactions.value[0]; trackBy: trackByFn">
<td><a [routerLink]="['/tx/' | relativeUrl, tx.id]" [state]="{ data: tx }">{{ tx.id | slice : 0 : 8 }}</a></td> <td><a [routerLink]="['/tx/' | relativeUrl, tx.id]" [state]="{ data: tx }">{{ tx.id | slice : 0 : 8 }}</a></td>
<td class="d-none d-md-block"> <td class="d-none d-md-block">
<app-bisq-icon class="mr-1" [txType]="tx.txType"></app-bisq-icon> <app-bisq-icon class="mr-1" [txType]="tx.txType"></app-bisq-icon>

4
frontend/src/app/bisq/bisq-transactions/bisq-transactions.component.ts
View File

@ -173,4 +173,8 @@ export class BisqTransactionsComponent implements OnInit {
calculateTotalOutput(outputs: BisqOutput[]): number { calculateTotalOutput(outputs: BisqOutput[]): number {
return outputs.reduce((acc: number, output: BisqOutput) => acc + output.bsqAmount, 0); return outputs.reduce((acc: number, output: BisqOutput) => acc + output.bsqAmount, 0);
} }
trackByFn(index: number) {
return index;
}
} }