diff --git a/frontend/src/app/lightning/channel/channel-preview.component.html b/frontend/src/app/lightning/channel/channel-preview.component.html index cfb2c2714..c98929931 100644 --- a/frontend/src/app/lightning/channel/channel-preview.component.html +++ b/frontend/src/app/lightning/channel/channel-preview.component.html @@ -1,7 +1,7 @@

- Channel + Channel: {{ channel.short_id }}

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 @@
+
+

+ Node: + {{ node.alias }} +

+
+ {{ 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â„¢';