Bug-fix (CLN Boltz): Hide claim tx id and routing fee for non-zero co…

…nf reverse swap
Ride-The-Lightning · Mar 14, 2024 · 3acfb2b · 3acfb2b
1 parent 86cef68
commit 3acfb2b
Show file tree

Hide file tree

Showing 6 changed files with 11 additions and 10 deletions.
diff --git a/frontend/index.html b/frontend/index.html
diff --git a/frontend/main.6539a03bc601bec5.js b/frontend/main.6539a03bc601bec5.js
diff --git a/frontend/main.bb1d6589ffe4efe7.js b/frontend/main.bb1d6589ffe4efe7.js
diff --git a/src/app/shared/components/ln-services/boltz/swap-modal/swap-modal.component.html b/src/app/shared/components/ln-services/boltz/swap-modal/swap-modal.component.html
@@ -87,7 +87,7 @@ <h4 *ngIf="swapStatus" fxLayoutAlign="start" class="font-bold-500 mt-2">{{(swapS
   </div>
 </div>
 <ng-template #swapStatusBlock>
-  <rtl-boltz-swap-status fxLayout="column" [swapStatus]="swapStatus" [direction]="direction" />
+  <rtl-boltz-swap-status fxLayout="column" [swapStatus]="swapStatus" [acceptZeroConf]="inputFormGroup?.controls?.acceptZeroConf.value" [direction]="direction" />
 </ng-template>
 <div *ngIf="flgShowInfo" fxLayout="column" fxFlex="100" fxLayoutAlign="start stretch" class="info-graphics-container" [@opacityAnimation]>
   <div fxLayout="column" fxFlex="100" fxLayoutAlign="space-between stretch">

diff --git a/src/app/shared/components/ln-services/boltz/swap-status/swap-status.component.html b/src/app/shared/components/ln-services/boltz/swap-status/swap-status.component.html
@@ -7,22 +7,22 @@
 <ng-template #swapOutBlock>
   <div fxLayout="column">
     <div fxLayout="row">
-      <div fxFlex="50">
+      <div fxFlex="33">
         <h4 fxLayoutAlign="start" class="font-bold-500">ID</h4>
         <span class="foreground-secondary-text">{{swapStatus?.id}}</span>
       </div>
-      <div fxFlex="50">
+      <div *ngIf="acceptZeroConf" fxFlex="33">
         <h4 fxLayoutAlign="start" class="font-bold-500">Routing Fee (mSats)</h4>
         <span class="foreground-secondary-text">{{swapStatus?.routingFeeMilliSat | number}}</span>
       </div>
-    </div>
-    <mat-divider class="w-100 my-1" />
-    <div fxLayout="row">
-      <div fxFlex="50">
+      <div *ngIf="acceptZeroConf" fxFlex="33">
         <h4 fxLayoutAlign="start" class="font-bold-500">Claim Transaction ID</h4>
         <span class="foreground-secondary-text">{{swapStatus?.claimTransactionId}}</span>
       </div>
-      <div fxFlex="50">
+    </div>
+    <mat-divider class="w-100 my-1" />
+    <div fxLayout="row">
+      <div fxFlex="100">
         <h4 fxLayoutAlign="start" class="font-bold-500">Lockup Address</h4>
         <span class="foreground-secondary-text">{{swapStatus?.lockupAddress}}</span>
       </div>

diff --git a/src/app/shared/components/ln-services/boltz/swap-status/swap-status.component.ts b/src/app/shared/components/ln-services/boltz/swap-status/swap-status.component.ts
@@ -11,6 +11,7 @@ export class SwapStatusComponent {
 
   @Input() swapStatus: any = null;
   @Input() direction = SwapTypeEnum.SWAP_OUT;
+  @Input() acceptZeroConf = false;
   public swapTypeEnum = SwapTypeEnum;
 
   constructor() {}