From 886e7e663878722806dc0e91dfa36a53cc4dac6c Mon Sep 17 00:00:00 2001
From: nymkappa <vialjoris@hotmail.com>
Date: Sun, 24 Jul 2022 12:05:09 +0200
Subject: [PATCH] [Node page] Show message if there is no channels in the list
 to display

---
 .../lightning/channels-list/channels-list.component.html  | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/lightning/channels-list/channels-list.component.html b/frontend/src/app/lightning/channels-list/channels-list.component.html
index ff67788e1..82283f689 100644
--- a/frontend/src/app/lightning/channels-list/channels-list.component.html
+++ b/frontend/src/app/lightning/channels-list/channels-list.component.html
@@ -10,7 +10,7 @@
     </div>
   </form>
 
-  <table class="table table-borderless">
+  <table class="table table-borderless" *ngIf="response.channels.length > 1">
     <ng-container *ngTemplateOutlet="tableHeader"></ng-container>
     <tbody>
       <tr *ngFor="let channel of response.channels; let i = index;">
@@ -19,7 +19,11 @@
     </tbody>
   </table>
   
-  <ngb-pagination class="pagination-container float-right" [size]="paginationSize" [collectionSize]="response.totalItems" [rotate]="true" [pageSize]="itemsPerPage" [(page)]="page" (pageChange)="pageChange(page)" [maxSize]="paginationMaxSize" [boundaryLinks]="true" [ellipses]="false"></ngb-pagination>
+  <ngb-pagination *ngIf="response.channels.length > 1" class="pagination-container float-right" [size]="paginationSize" [collectionSize]="response.totalItems" [rotate]="true" [pageSize]="itemsPerPage" [(page)]="page" (pageChange)="pageChange(page)" [maxSize]="paginationMaxSize" [boundaryLinks]="true" [ellipses]="false"></ngb-pagination>
+
+  <table class="table table-borderless" *ngIf="response.channels.length === 0">
+    <div class="d-flex justify-content-center" i18n="lightning.empty-channels-list">No channels to display</div>
+  </table>
 </div>
   
 <ng-template #tableHeader>