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

Liquid: Add address column in recent pegs table

Browse Source
This commit is contained in:
natsee 2024-01-30 14:25:08 +01:00
parent e69ba7e884
commit f4de3a44e0
No known key found for this signature in database
GPG Key ID: 233CF3150A89BED8
3 changed files with 29 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
frontend/src/app/components/liquid-reserves-audit/recent-pegs-list/recent-pegs-list.component.html
View File

@ -58,11 +58,23 @@
{{ peg.amount > 0 ? '+' : '-' }}<app-amount [satoshis]="peg.amount" [noFiat]="true" [forceBtc]="true"></app-amount> {{ peg.amount > 0 ? '+' : '-' }}<app-amount [satoshis]="peg.amount" [noFiat]="true" [forceBtc]="true"></app-amount>
</td> </td>
<td class="output text-left"> <td class="output text-left">
<ng-container *ngIf="peg.bitcointxid; else noPeginMessage"> <ng-container *ngIf="peg.bitcointxid; else redeemInProgress">
<a href="{{ env.MEMPOOL_WEBSITE_URL + '/tx/' + peg.bitcointxid + ':' + peg.bitcoinindex }}" target="_blank" style="color:#b86d12"> <a href="{{ env.MEMPOOL_WEBSITE_URL + '/tx/' + peg.bitcointxid + ':' + peg.bitcoinindex }}" target="_blank" style="color:#b86d12">
<app-truncate [text]="peg.bitcointxid + ':' + peg.bitcoinindex" [lastChars]="6"></app-truncate> <app-truncate [text]="peg.bitcointxid + ':' + peg.bitcoinindex" [lastChars]="6"></app-truncate>
</a> </a>
</ng-container> </ng-container>
<ng-template #redeemInProgress>
<ng-container *ngIf="peg.bitcoinaddress; else noRedeem">
<span class="text-muted">BTC Redemption in progress...</span>
</ng-container>
</ng-template>
</td>
<td class="address text-left">
<ng-container *ngIf="peg.bitcoinaddress; else noRedeem">
<a href="{{ env.MEMPOOL_WEBSITE_URL + '/address/' + peg.bitcoinaddress }}" target="_blank" style="color:#b86d12">
<app-truncate [text]="peg.bitcoinaddress" [lastChars]="6"></app-truncate>
</a>
</ng-container>
</td> </td>
<td class="timestamp text-right"> <td class="timestamp text-right">
&lrm;{{ peg.blocktime * 1000 | date:'yyyy-MM-dd HH:mm' }} &lrm;{{ peg.blocktime * 1000 | date:'yyyy-MM-dd HH:mm' }}
@ -96,6 +108,9 @@
<td class="output text-left"> <td class="output text-left">
<span class="skeleton-loader" style="max-width: 300px"></span> <span class="skeleton-loader" style="max-width: 300px"></span>
</td> </td>
<td class="address text-left">
<span class="skeleton-loader" style="max-width: 140px"></span>
</td>
<td class="timestamp text-right"> <td class="timestamp text-right">
<span class="skeleton-loader" style="max-width: 140px"></span> <span class="skeleton-loader" style="max-width: 140px"></span>
</td> </td>
@ -120,6 +135,6 @@
<br> <br>
<ng-template #noPeginMessage> <ng-template #noRedeem>
<span class="text-muted">BTC Redeem in progress...</span> <span class="text-muted">-</span>
</ng-template> </ng-template>

10
frontend/src/app/components/liquid-reserves-audit/recent-pegs-list/recent-pegs-list.component.scss
View File

@ -67,6 +67,16 @@ tr, td, th {
} }
} }
.address {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 160px;
@media (max-width: 527px) {
display: none;
}
}
.timestamp { .timestamp {
width: 18%; width: 18%;
@media (max-width: 650px) { @media (max-width: 650px) {

2
frontend/src/app/components/liquid-reserves-audit/recent-pegs-list/recent-pegs-list.component.ts
View File

@ -94,7 +94,6 @@ export class RecentPegsListComponent implements OnInit {
filter(auditUpdated => auditUpdated === true), filter(auditUpdated => auditUpdated === true),
throttleTime(40000), throttleTime(40000),
switchMap(_ => this.apiService.federationUtxos$()), switchMap(_ => this.apiService.federationUtxos$()),
tap(_ => this.isLoading = false),
share() share()
); );
@ -134,6 +133,7 @@ export class RecentPegsListComponent implements OnInit {
return b.blocktime - a.blocktime; return b.blocktime - a.blocktime;
}); });
}), }),
tap(_ => this.isLoading = false),
share() share()
); );
} }