diff --git a/frontend/src/app/lightning/node/node-preview.component.html b/frontend/src/app/lightning/node/node-preview.component.html
index 941dedaf5..0bb7255a6 100644
--- a/frontend/src/app/lightning/node/node-preview.component.html
+++ b/frontend/src/app/lightning/node/node-preview.component.html
@@ -1,7 +1,15 @@
+
+
+
+ {{ socketType }}
+
+
-
{{ node.alias }}
@@ -34,6 +42,12 @@
{{ node.country.en }} {{ node.flag }}
+
+ Location |
+
+ unknown
+ |
+
diff --git a/frontend/src/app/lightning/node/node-preview.component.scss b/frontend/src/app/lightning/node/node-preview.component.scss
index c4712effa..c6b2ea9d7 100644
--- a/frontend/src/app/lightning/node/node-preview.component.scss
+++ b/frontend/src/app/lightning/node/node-preview.component.scss
@@ -1,27 +1,43 @@
.title {
font-size: 52px;
- margin-bottom: 48px;
+ margin-bottom: 0;
}
.table {
+ margin-top: 48px;
font-size: 32px;
}
+.badges {
+ font-size: 28px;
+
+ ::ng-deep .badge {
+ margin-left: 0.5em;
+ }
+}
+
.map-col {
flex-grow: 0;
flex-shrink: 0;
width: 470px;
+ height: 390px;
min-width: 470px;
+ min-height: 390px;
+ max-height: 390px;
padding: 0;
background: #181b2d;
- max-height: 470px;
overflow: hidden;
+ margin-top: 18px;
}
.row {
margin-right: 0;
}
+.full-width-row {
+ padding-left: 15px;
+}
+
::ng-deep .symbol {
font-size: 24px;
}
diff --git a/frontend/src/app/lightning/node/node-preview.component.ts b/frontend/src/app/lightning/node/node-preview.component.ts
index 08a4ffc1a..e6f368305 100644
--- a/frontend/src/app/lightning/node/node-preview.component.ts
+++ b/frontend/src/app/lightning/node/node-preview.component.ts
@@ -23,6 +23,7 @@ export class NodePreviewComponent implements OnInit {
channelsListStatus: string;
error: Error;
publicKey: string;
+ socketTypes: string[];
publicKeySize = 99;
@@ -50,6 +51,7 @@ export class NodePreviewComponent implements OnInit {
this.seoService.setTitle(`Node: ${node.alias}`);
const socketsObject = [];
+ const socketTypesMap = {};
for (const socket of node.sockets.split(',')) {
if (socket === '') {
continue;
@@ -67,8 +69,10 @@ export class NodePreviewComponent implements OnInit {
label: label,
socket: node.public_key + '@' + socket,
});
+ socketTypesMap[label] = true
}
node.socketsObject = socketsObject;
+ this.socketTypes = Object.keys(socketTypesMap);
node.avgCapacity = node.capacity / Math.max(1, node.active_channel_count);
this.openGraphService.waitOver('node-data');
diff --git a/unfurler/src/index.ts b/unfurler/src/index.ts
index 440b68290..cd6b7762f 100644
--- a/unfurler/src/index.ts
+++ b/unfurler/src/index.ts
@@ -174,7 +174,7 @@ class Server {
}
if (previewSupported) {
- ogImageUrl = `${config.SERVER.HOST}${config.SERVER.HTTP_PORT ? ':' + config.SERVER.HTTP_PORT : ''}/render/${lang || 'en'}/preview${path}`;
+ ogImageUrl = `${config.SERVER.HOST}/render/${lang || 'en'}/preview${path}`;
ogTitle = `${this.network ? capitalize(this.network) + ' ' : ''}${mode !== 'mainnet' ? capitalize(mode) + ' ' : ''}${ogTitle}`;
} else {
ogTitle = 'The Mempool Open Source Projectâ„¢';