Updating mempool logo and adding new mempool space logo. New frontend config OFFICIAL_MEMPOOL_SPACE to enable the latter.

fixes #336

frontend/mempool-frontend-config.sample.json

@@ -5,7 +5,6 @@
   "BISQ_SEPARATE_BACKEND": false,
   "ITEMS_PER_PAGE": 10,
   "KEEP_BLOCKS_AMOUNT": 8,
-  "SPONSORS_ENABLED": false,
   "NGINX_PROTOCOL": "http",
   "NGINX_HOSTNAME": "127.0.0.1",
   "NGINX_PORT": "80"

frontend/src/app/components/about/about.component.html

@@ -1,7 +1,7 @@
 <div class="container-xl">
   <div class="text-center">
     <br>
-    <img src="./resources/mempool-logo-bigger.png" height="67.5" width="251">
+    <img src="./resources/mempool-logo-bigger.png" height="62.5" width="250">
     <br>
 
     <div class="text-small text-center offset-md-1">

frontend/src/app/components/about/about.component.ts

@@ -20,7 +20,7 @@ export class AboutComponent implements OnInit, OnDestroy {
   donationStatus = 1;
   sponsors$: Observable<any>;
   donationObj: any;
-  sponsorsEnabled = this.stateService.env.SPONSORS_ENABLED;
+  sponsorsEnabled = this.stateService.env.OFFICIAL_MEMPOOL_SPACE;
   sponsors = null;
   requestSubscription: Subscription | undefined;
 

frontend/src/app/components/master-page/master-page.component.html

@@ -3,7 +3,7 @@
   <nav class="navbar navbar-expand-md navbar-dark bg-dark">
   <a class="navbar-brand" [routerLink]="['/' | relativeUrl]" style="position: relative;">
     <ng-container *ngIf="{ val: connectionState$ | async } as connectionState">
-      <img src="./resources/mempool-logo.png" height="35" width="140" class="logo" [ngStyle]="{'opacity': connectionState.val === 2 ? 1 : 0.5 }">
+      <img [src]="officialMempoolSpace ? './resources/mempool-space-logo.png' : './resources/mempool-logo.png'" height="35" width="140" class="logo" [ngStyle]="{'opacity': connectionState.val === 2 ? 1 : 0.5 }">
       <div class="connection-badge">
         <div class="badge badge-warning" *ngIf="connectionState.val === 0" i18n="master-page.offline">Offline</div>
         <div class="badge badge-warning" *ngIf="connectionState.val === 1" i18n="master-page.reconnecting">Reconnecting...</div>

frontend/src/app/components/master-page/master-page.component.ts

@@ -13,6 +13,7 @@ export class MasterPageComponent implements OnInit {
   connectionState$: Observable<number>;
   navCollapsed = false;
   isMobile = window.innerWidth <= 767.98;
+  officialMempoolSpace = this.stateService.env.OFFICIAL_MEMPOOL_SPACE;
 
   constructor(
     private stateService: StateService,

frontend/src/app/services/state.service.ts

@@ -20,9 +20,9 @@ export interface Env {
   LIQUID_ENABLED: boolean;
   BISQ_ENABLED: boolean;
   BISQ_SEPARATE_BACKEND: boolean;
-  SPONSORS_ENABLED: boolean;
   ITEMS_PER_PAGE: number;
   KEEP_BLOCKS_AMOUNT: number;
+  OFFICIAL_MEMPOOL_SPACE: boolean;
   NGINX_PROTOCOL?: string;
   NGINX_HOSTNAME?: string;
   NGINX_PORT?: string;
@@ -33,9 +33,9 @@ const defaultEnv: Env = {
   'LIQUID_ENABLED': false,
   'BISQ_ENABLED': false,
   'BISQ_SEPARATE_BACKEND': false,
-  'SPONSORS_ENABLED': false,
   'ITEMS_PER_PAGE': 10,
   'KEEP_BLOCKS_AMOUNT': 8,
+  'OFFICIAL_MEMPOOL_SPACE': false,
   'NGINX_PROTOCOL': 'http',
   'NGINX_HOSTNAME': '127.0.0.1',
   'NGINX_PORT': '80',

production/mempool-frontend-config.json

@@ -5,7 +5,6 @@
   "BISQ_SEPARATE_BACKEND": true,
   "ITEMS_PER_PAGE": 25,
   "KEEP_BLOCKS_AMOUNT": 8,
-  "SPONSORS_ENABLED": false,
   "NGINX_PROTOCOL": "http",
   "NGINX_HOSTNAME": "127.0.0.1",
   "NGINX_PORT": "80"