Prototype accelerate checkout properties

frontend/src/app/components/accelerate-checkout/accelerate-checkout.component.html

@@ -21,10 +21,14 @@
     <div class="row">
       <div class="col-sm">
         <div class="form-group form-check">
-          <input type="radio" class="form-check-input" id="wait" name="accelerate">
+          <input type="radio" class="form-check-input" id="wait" name="accelerate" checked="checked">
           <label class="form-check-label d-flex flex-column" for="wait">
             <span class="font-weight-bold">Wait</span>
-            <span class="text-muted">Settlement unlikely to occur within 24 hours</span>
+            @if (!eta) {
+              <span class="text-muted">Settlement unlikely to occur within 24 hours</span>
+            } @else {
+              <span class="text-muted">Settlement estimated to occur <app-time kind="until" [time]="eta" [fastRender]="false" [fixedRender]="true"></app-time></span>
+            }
           </label>
         </div>
       </div>
@@ -39,4 +43,5 @@
     </div>
   </form>
 
+  <span class="close-button" (click)="closeModal()">✖</span>
 </div>

frontend/src/app/components/accelerate-checkout/accelerate-checkout.component.scss

@@ -0,0 +1,5 @@
+.close-button {
+  position: absolute;
+  top: 0.5em;
+  right: 0.5em;
+}

frontend/src/app/components/accelerate-checkout/accelerate-checkout.component.ts

@@ -1,4 +1,6 @@
-import { Component, OnInit, OnDestroy } from '@angular/core';
+import { Component, OnInit, OnDestroy, Output, EventEmitter, Input } from '@angular/core';
+import { Transaction } from '../../interfaces/electrs.interface';
+import { MempoolPosition } from '../../interfaces/node-api.interface';
 
 @Component({
   selector: 'app-accelerate-checkout',
@@ -6,6 +8,10 @@ import { Component, OnInit, OnDestroy } from '@angular/core';
   styleUrls: ['./accelerate-checkout.component.scss']
 })
 export class AccelerateCheckout implements OnInit, OnDestroy {
+  @Input() tx: Transaction ;
+  @Input() eta: number;
+  @Output() close = new EventEmitter<null>();
+
   constructor() {
   }
 
@@ -14,4 +20,9 @@ export class AccelerateCheckout implements OnInit, OnDestroy {
 
   ngOnDestroy() {
   }
+
+  closeModal(): void {
+    console.log('close modal')
+    this.close.emit();
+  }
 }