From 2187d96c25c5edd5eab7203e49d557428b4ad0c5 Mon Sep 17 00:00:00 2001
From: softsimon <softsimon@protonmail.com>
Date: Thu, 12 Jan 2023 20:48:16 +0400
Subject: [PATCH] Node AS table overflow fix

---
 .../src/app/lightning/node/node.component.html   | 16 +++++++++-------
 .../src/app/lightning/node/node.component.ts     |  2 ++
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/frontend/src/app/lightning/node/node.component.html b/frontend/src/app/lightning/node/node.component.html
index b5d472d2c..fdf48933b 100644
--- a/frontend/src/app/lightning/node/node.component.html
+++ b/frontend/src/app/lightning/node/node.component.html
@@ -83,17 +83,19 @@
             </tr>
             <tr>
               <td i18n="isp" class="text-truncate label">ISP</td>
-              <td *ngIf="node.as_number">
+              <td *ngIf="node.as_number else unknownAS">
                 <a class="d-block text-wrap" [routerLink]="['/lightning/nodes/isp' | relativeUrl, node.as_number]">
                   {{ node.as_organization }} [ASN {{node.as_number}}]
                 </a>                
               </td>
-              <td *ngIf="clearnetSocketCount === 0 && torSocketCount > 0">
-                <span class="badge badge-success" placement="bottom" i18n="tor">Exclusively on Tor</span>
-              </td>
-              <td *ngIf="node.sockets.length === 0">
-                <span i18n="unknown">Unknown</span>
-              </td>
+              <ng-template #unknownAS>
+                <td *ngIf="clearnetSocketCount === 0 && torSocketCount > 0">
+                  <span class="badge badge-success" placement="bottom" i18n="tor">Exclusively on Tor</span>
+                </td>
+                <td *ngIf="node.sockets.length === 0">
+                  <span i18n="unknown">Unknown</span>
+                </td>
+              </ng-template>
             </tr>
           </tbody>
         </table>
diff --git a/frontend/src/app/lightning/node/node.component.ts b/frontend/src/app/lightning/node/node.component.ts
index 7ca79df87..47f65007f 100644
--- a/frontend/src/app/lightning/node/node.component.ts
+++ b/frontend/src/app/lightning/node/node.component.ts
@@ -58,6 +58,8 @@ export class NodeComponent implements OnInit {
         }),
         map((node) => {
           this.seoService.setTitle($localize`Node: ${node.alias}`);
+          this.clearnetSocketCount = 0;
+          this.torSocketCount = 0;
 
           const socketsObject = [];
           for (const socket of node.sockets.split(',')) {