From 4d83478e7d9bcf22c435e6bf558e2e9dd3f9b6f8 Mon Sep 17 00:00:00 2001
From: softsimon <softsimon@protonmail.com>
Date: Fri, 1 Jul 2022 14:58:17 +0200
Subject: [PATCH] Adding TLV to channel details

---
 .../channel/channel-box/channel-box.component.html     | 10 +++++++++-
 .../channel/channel-box/channel-box.component.scss     |  5 +++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/lightning/channel/channel-box/channel-box.component.html b/frontend/src/app/lightning/channel/channel-box/channel-box.component.html
index 04471d351..51daf4f05 100644
--- a/frontend/src/app/lightning/channel/channel-box/channel-box.component.html
+++ b/frontend/src/app/lightning/channel/channel-box/channel-box.component.html
@@ -40,7 +40,15 @@
             <app-sats [satoshis]="channel.max_htlc_mtokens / 1000"></app-sats>
           </td>
         </tr>
+        <tr>
+          <td i18n="address.total-sent">Timelock delta</td>
+          <td>
+            <ng-container *ngTemplateOutlet="blocksPlural; context: {$implicit: channel.cltv_delta }"></ng-container>
+          </td>
+        </tr>
       </tbody>
     </table>
   </div>
-</div>
\ No newline at end of file
+</div>
+
+<ng-template #blocksPlural let-i i18n="shared.blocks">{{ i }} <span class="shared-block">blocks</span></ng-template>
\ No newline at end of file
diff --git a/frontend/src/app/lightning/channel/channel-box/channel-box.component.scss b/frontend/src/app/lightning/channel/channel-box/channel-box.component.scss
index 1041633f6..300b98b11 100644
--- a/frontend/src/app/lightning/channel/channel-box/channel-box.component.scss
+++ b/frontend/src/app/lightning/channel/channel-box/channel-box.component.scss
@@ -11,3 +11,8 @@
   width: 50%;
   margin-top: auto;
 }
+
+.shared-block {
+  color: #ffffff66;
+  font-size: 12px;
+}