From c2755acb33b76ef9c7de042338fdba867ed0cf38 Mon Sep 17 00:00:00 2001
From: ShahanaFarooqui <shahana.farooqui@gmail.com>
Date: Tue, 25 Oct 2022 20:31:48 -0700
Subject: [PATCH] lnd on chain transaction page layout

---
 .../on-chain-transaction-history.component.html        | 10 +++++++++-
 .../on-chain-transaction-history.component.scss        |  2 +-
 src/app/shared/services/consts-enums-functions.ts      |  2 +-
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/app/lnd/on-chain/utxo-tables/on-chain-transaction-history/on-chain-transaction-history.component.html b/src/app/lnd/on-chain/utxo-tables/on-chain-transaction-history/on-chain-transaction-history.component.html
index 703ce9f3..2020ee1d 100644
--- a/src/app/lnd/on-chain/utxo-tables/on-chain-transaction-history/on-chain-transaction-history.component.html
+++ b/src/app/lnd/on-chain/utxo-tables/on-chain-transaction-history/on-chain-transaction-history.component.html
@@ -14,7 +14,15 @@
         </ng-container>
         <ng-container matColumnDef="label">
           <th mat-header-cell *matHeaderCellDef mat-sort-header> Label </th>
-          <td mat-cell *matCellDef="let transaction" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '12rem' : '25rem'}"> {{transaction?.label}} </td>
+          <td mat-cell *matCellDef="let transaction" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : '20rem'}"> {{transaction?.label}} </td>
+        </ng-container>
+        <ng-container matColumnDef="block_hash">
+          <th mat-header-cell *matHeaderCellDef mat-sort-header> Block Hash </th>
+          <td mat-cell *matCellDef="let transaction" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : '20rem'}"> {{transaction?.block_hash}} </td>
+        </ng-container>
+        <ng-container matColumnDef="tx_hash">
+          <th mat-header-cell *matHeaderCellDef mat-sort-header> Transaction Hash </th>
+          <td mat-cell *matCellDef="let transaction" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '10rem' : '20rem'}"> {{transaction?.tx_hash}} </td>
         </ng-container>
         <ng-container matColumnDef="amount">
           <th mat-header-cell *matHeaderCellDef mat-sort-header arrowPosition="before"> Amount (Sats) </th>
diff --git a/src/app/lnd/on-chain/utxo-tables/on-chain-transaction-history/on-chain-transaction-history.component.scss b/src/app/lnd/on-chain/utxo-tables/on-chain-transaction-history/on-chain-transaction-history.component.scss
index 65feded6..67c9524a 100644
--- a/src/app/lnd/on-chain/utxo-tables/on-chain-transaction-history/on-chain-transaction-history.component.scss
+++ b/src/app/lnd/on-chain/utxo-tables/on-chain-transaction-history/on-chain-transaction-history.component.scss
@@ -1,4 +1,4 @@
-.mat-column-label {
+.mat-column-label, .mat-column-block_hash, .mat-column-tx_hash {
   flex: 1 1 20%;
   white-space: nowrap;
   overflow: hidden;  
diff --git a/src/app/shared/services/consts-enums-functions.ts b/src/app/shared/services/consts-enums-functions.ts
index 6eb2094b..49fc58e0 100644
--- a/src/app/shared/services/consts-enums-functions.ts
+++ b/src/app/shared/services/consts-enums-functions.ts
@@ -938,7 +938,7 @@ export const LND_TABLES_DEF = {
     },
     transactions: {
       maxColumns: 7,
-      allowedColumns: ['time_stamp', 'label', 'amount', 'total_fees', 'block_height', 'num_confirmations']
+      allowedColumns: ['time_stamp', 'label', 'block_hash', 'tx_hash', 'amount', 'total_fees', 'block_height', 'num_confirmations']
     },
     dust_utxos: {
       maxColumns: 7,