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

Make the acceleration preview dismissable

Browse Source
This commit is contained in:
Mononaut 2023-11-25 11:48:29 +00:00
parent 1c92394563
commit e986cfd30b
No known key found for this signature in database
GPG Key ID: A3F058E41374C04E
4 changed files with 22 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/app/components/accelerate-preview/accelerate-preview.component.html
View File

@ -238,4 +238,8 @@
</div> </div>
</ng-container> </ng-container>
</div> </div>
<button type="button" class="close dismiss-preview" (click)="onDismiss()">
<span aria-hidden="true">&times;</span>
</button>

10
frontend/src/app/components/accelerate-preview/accelerate-preview.component.scss
View File

@ -109,4 +109,14 @@
.item { .item {
white-space: initial; white-space: initial;
}
.dismiss-preview {
position: absolute;
top: 0.4em;
right: 0.6em;
}
:host ::ng-deep .alert {
margin-right: 1.6em;
} }

7
frontend/src/app/components/accelerate-preview/accelerate-preview.component.ts
View File

@ -1,4 +1,4 @@
import { Component, OnInit, Input, OnDestroy, OnChanges, SimpleChanges, HostListener, ChangeDetectorRef } from '@angular/core'; import { Component, OnInit, Input, OnDestroy, OnChanges, SimpleChanges, HostListener, ChangeDetectorRef, Output, EventEmitter } from '@angular/core';
import { ApiService } from '../../services/api.service'; import { ApiService } from '../../services/api.service';
import { Subscription, catchError, of, tap } from 'rxjs'; import { Subscription, catchError, of, tap } from 'rxjs';
import { StorageService } from '../../services/storage.service'; import { StorageService } from '../../services/storage.service';
@ -40,6 +40,7 @@ export const MAX_BID_RATIO = 4;
export class AcceleratePreviewComponent implements OnInit, OnDestroy, OnChanges { export class AcceleratePreviewComponent implements OnInit, OnDestroy, OnChanges {
@Input() tx: Transaction | undefined; @Input() tx: Transaction | undefined;
@Input() scrollEvent: boolean; @Input() scrollEvent: boolean;
@Output() dismiss = new EventEmitter();
math = Math; math = Math;
error = ''; error = '';
@ -207,4 +208,8 @@ export class AcceleratePreviewComponent implements OnInit, OnDestroy, OnChanges
onResize(): void { onResize(): void {
this.isMobile = window.innerWidth <= 767.98; this.isMobile = window.innerWidth <= 767.98;
} }
onDismiss(): void {
this.dismiss.emit();
}
} }

2
frontend/src/app/components/transaction/transaction.component.html
View File

@ -87,7 +87,7 @@
<h2>Accelerate</h2> <h2>Accelerate</h2>
</div> </div>
<div class="box"> <div class="box">
<app-accelerate-preview [tx]="tx" [scrollEvent]="scrollIntoAccelPreview"></app-accelerate-preview> <app-accelerate-preview [tx]="tx" [scrollEvent]="scrollIntoAccelPreview" (dismiss)="showAccelerationSummary = false;"></app-accelerate-preview>
</div> </div>
</ng-container> </ng-container>