From 420ff16c2b26b8db06bbb8ea6cf4c9f0c87aeb28 Mon Sep 17 00:00:00 2001
From: nymkappa <vialjoris@hotmail.com>
Date: Sun, 17 Jul 2022 23:28:00 +0200
Subject: [PATCH] Make sure "other" is not clickable

---
 .../nodes-per-country-chart.component.html                | 8 ++++----
 .../nodes-per-country-chart.component.ts                  | 3 ++-
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/frontend/src/app/lightning/nodes-per-country-chart/nodes-per-country-chart.component.html b/frontend/src/app/lightning/nodes-per-country-chart/nodes-per-country-chart.component.html
index 5c3acec89..f327a7147 100644
--- a/frontend/src/app/lightning/nodes-per-country-chart/nodes-per-country-chart.component.html
+++ b/frontend/src/app/lightning/nodes-per-country-chart/nodes-per-country-chart.component.html
@@ -24,20 +24,20 @@
     <table class="table table-borderless text-center m-auto" style="max-width: 900px">
       <thead>
         <tr>
-          <th class="text-left rank" *ngIf="!isMobile()" i18n="mining.rank">Rank</th>
+          <th class="text-left rank" i18n="mining.rank">Rank</th>
           <th class="text-left name" i18n="lightning.as-name">Name</th>
-          <th class="text-right share" *ngIf="!isMobile()" i18n="lightning.share">Share</th>
+          <th class="text-right share" i18n="lightning.share">Share</th>
           <th class="text-right nodes" i18n="lightning.nodes-count">Nodes</th>
           <th class="text-right capacity" i18n="lightning.capacity">Capacity</th>
         </tr>
       </thead>
       <tbody [attr.data-cy]="'pools-table'" *ngIf="(nodesPerCountryObservable$ | async) as countries">
         <tr *ngFor="let country of countries">
-          <td class="text-left rank" *ngIf="!isMobile()">{{ country.rank }}</td>
+          <td class="text-left rank">{{ country.rank }}</td>
           <td class="text-left text-truncate name">
             <a [routerLink]="['/lightning/nodes/country' | relativeUrl, country.iso]">{{ country.name.en }}</a>
           </td>
-          <td class="text-right share" *ngIf="!isMobile()">{{ country.share }}%</td>
+          <td class="text-right share">{{ country.share }}%</td>
           <td class="text-right nodes">{{ country.count }}</td>
           <td class="text-right capacity">
             <app-amount *ngIf="country.capacity > 100000000; else smallchannel" [satoshis]="country.capacity" [digitsInfo]="'1.2-2'" [noFiat]="true"></app-amount>
diff --git a/frontend/src/app/lightning/nodes-per-country-chart/nodes-per-country-chart.component.ts b/frontend/src/app/lightning/nodes-per-country-chart/nodes-per-country-chart.component.ts
index 7e447933d..df8c661ef 100644
--- a/frontend/src/app/lightning/nodes-per-country-chart/nodes-per-country-chart.component.ts
+++ b/frontend/src/app/lightning/nodes-per-country-chart/nodes-per-country-chart.component.ts
@@ -130,8 +130,9 @@ export class NodesPerCountryChartComponent implements OnInit {
         formatter: () => {
           return `<b style="color: white">${'Other'} (${totalShareOther.toFixed(2)}%)</b><br>` +
             totalNodeOther.toString() + ` nodes`;
-        }
+        },
       },
+      data: 9999 as any
     } as PieSeriesOption);
 
     return data;