add ACCELERATOR frontend setting

frontend/mempool-frontend-config.sample.json

@@ -22,5 +22,6 @@
   "TESTNET_BLOCK_AUDIT_START_HEIGHT": 0,
   "SIGNET_BLOCK_AUDIT_START_HEIGHT": 0,
   "LIGHTNING": false,
-  "HISTORICAL_PRICE": true
+  "HISTORICAL_PRICE": true,
+  "ACCELERATOR": false
 }

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

@@ -31,10 +31,12 @@
     <track label="Português" kind="captions" srclang="pt" src="/resources/promo-video/pt.vtt" [attr.default]="showSubtitles('pt') ? '' : null">
   </video>
 
-  <h3 class="mt-5">Sponsor the project</h3>
+  <ng-container *ngIf="officialMempoolSpace">
-  <div class="d-flex justify-content-center" style="max-width: 90%; margin: 35px auto 75px auto; column-gap: 15px">
+    <h3 class="mt-5">Sponsor the project</h3>
-    <a href="/sponsor" class="btn" style="background-color: rgba(152, 88, 255, 0.75); box-shadow: 0px 0px 50px 5px rgba(152, 88, 255, 0.75)">See plans</a>
+    <div class="d-flex justify-content-center" style="max-width: 90%; margin: 35px auto 75px auto; column-gap: 15px">
-  </div>
+      <a href="/sponsor" class="btn" style="background-color: rgba(152, 88, 255, 0.75); box-shadow: 0px 0px 50px 5px rgba(152, 88, 255, 0.75)">See plans</a>
+    </div>
+  </ng-container>
 
   <div class="enterprise-sponsor" id="enterprise-sponsors">
     <h3 i18n="about.sponsors.enterprise.withRocket">Enterprise Sponsors 🚀</h3>
@@ -196,31 +198,33 @@
     </div>
   </div>
 
-  <div *ngIf="profiles$ | async as profiles" id="community-sponsors">
+  <ng-container *ngIf="officialMempoolSpace">
-    <div class="community-sponsor" style="margin-bottom: 68px" *ngIf="profiles.whales.length > 0">
+    <div *ngIf="profiles$ | async as profiles" id="community-sponsors">
-      <h3 i18n="about.sponsors.withHeart">Whale Sponsors</h3>
+      <div class="community-sponsor" style="margin-bottom: 68px" *ngIf="profiles.whales.length > 0">
-      <div class="wrapper">
+        <h3 i18n="about.sponsors.withHeart">Whale Sponsors</h3>
-        <ng-container>
+        <div class="wrapper">
-          <ng-template ngFor let-sponsor [ngForOf]="profiles.whales">
+          <ng-container>
+            <ng-template ngFor let-sponsor [ngForOf]="profiles.whales">
+              <a [href]="'https://twitter.com/' + sponsor.username" target="_blank" rel="sponsored" [title]="sponsor.username">
+                <img class="image" [src]="'data:' + sponsor.image_mime + ';base64,' + sponsor.image" onError="this.src = '/resources/profile/unknown.svg'; this.className = 'image unknown'"/>
+              </a>
+            </ng-template>
+          </ng-container>
+        </div>
+      </div>
+
+      <div class="community-sponsor" style="margin-bottom: 68px" *ngIf="profiles.chads.length > 0">
+        <h3 i18n="about.sponsors.withHeart">Chad Sponsors</h3>
+        <div class="wrapper">
+          <ng-template ngFor let-sponsor [ngForOf]="profiles.chads">
             <a [href]="'https://twitter.com/' + sponsor.username" target="_blank" rel="sponsored" [title]="sponsor.username">
               <img class="image" [src]="'data:' + sponsor.image_mime + ';base64,' + sponsor.image" onError="this.src = '/resources/profile/unknown.svg'; this.className = 'image unknown'"/>
             </a>
           </ng-template>
-        </ng-container>
+        </div>
       </div>
     </div>
-
+  </ng-container>
-    <div class="community-sponsor" style="margin-bottom: 68px" *ngIf="profiles.chads.length > 0">
-      <h3 i18n="about.sponsors.withHeart">Chad Sponsors</h3>
-      <div class="wrapper">
-        <ng-template ngFor let-sponsor [ngForOf]="profiles.chads">
-          <a [href]="'https://twitter.com/' + sponsor.username" target="_blank" rel="sponsored" [title]="sponsor.username">
-            <img class="image" [src]="'data:' + sponsor.image_mime + ';base64,' + sponsor.image" onError="this.src = '/resources/profile/unknown.svg'; this.className = 'image unknown'"/>
-          </a>
-        </ng-template>
-      </div>
-    </div>
-  </div>
 
   <div class="community-sponsor" style="margin-bottom: 68px">
     <h3 i18n="about.sponsors.withHeart">OG Sponsors ❤️</h3>

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

@@ -101,7 +101,7 @@
                       <ng-template [ngIf]="this.mempoolPosition.block >= 7" [ngIfElse]="belowBlockLimit">
                         <span class="eta d-flex">
                           <span i18n="transaction.eta.in-several-hours|Transaction ETA in several hours or more">In several hours (or more)</span>
-                          <span class="ml-2"></span><a *ngIf="stateService.env.OFFICIAL_MEMPOOL_SPACE" [href]="'/services/accelerator/accelerate?txid=' + tx.txid" class="btn badge badge-primary accelerate ml-auto" i18n="transaction.accelerate|Accelerate button label">Accelerate</a>
+                          <span class="ml-2"></span><a *ngIf="stateService.env.OFFICIAL_MEMPOOL_SPACE && stateService.env.ACCELERATOR" [href]="'/services/accelerator/accelerate?txid=' + tx.txid" class="btn badge badge-primary accelerate ml-auto" i18n="transaction.accelerate|Accelerate button label">Accelerate</a>
                         </span>
                       </ng-template>
                       <ng-template #belowBlockLimit>
@@ -111,7 +111,7 @@
                         <ng-template #timeEstimateDefault>
                           <span class="d-flex">
                             <app-time kind="until" *ngIf="(da$ | async) as da;" [time]="da.timeAvg * (this.mempoolPosition.block + 1) + now + da.timeOffset" [fastRender]="false" [fixedRender]="true"></app-time>
-                            <span class="ml-2"></span><a *ngIf="stateService.env.OFFICIAL_MEMPOOL_SPACE" [href]="'/services/accelerator/accelerate?txid=' + tx.txid" class="btn badge badge-primary accelerate ml-auto" i18n="transaction.accelerate|Accelerate button label">Accelerate</a>
+                            <span class="ml-2"></span><a *ngIf="stateService.env.OFFICIAL_MEMPOOL_SPACE && stateService.env.ACCELERATOR" [href]="'/services/accelerator/accelerate?txid=' + tx.txid" class="btn badge badge-primary accelerate ml-auto" i18n="transaction.accelerate|Accelerate button label">Accelerate</a>
                           </span>
                         </ng-template>
                       </ng-template>

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

@@ -47,6 +47,7 @@ export interface Env {
   TESTNET_BLOCK_AUDIT_START_HEIGHT: number;
   SIGNET_BLOCK_AUDIT_START_HEIGHT: number;
   HISTORICAL_PRICE: boolean;
+  ACCELERATOR: boolean;
 }
 
 const defaultEnv: Env = {
@@ -77,6 +78,7 @@ const defaultEnv: Env = {
   'TESTNET_BLOCK_AUDIT_START_HEIGHT': 0,
   'SIGNET_BLOCK_AUDIT_START_HEIGHT': 0,
   'HISTORICAL_PRICE': true,
+  'ACCELERATOR': false,
 };
 
 @Injectable({

frontend/src/app/shared/components/global-footer/global-footer.component.html

@@ -13,7 +13,7 @@
         <div class="selector">
           <app-rate-unit-selector></app-rate-unit-selector>
         </div>
-        <div *ngIf="officialMempoolSpace" class="cta">
+        <div *ngIf="officialMempoolSpace && stateService.env.ACCELERATOR" class="cta">
           <div *ngIf="loggedIn" class="mb-1"><small>Logged in<span *ngIf="username"> as {{ username}}</span></small></div>
           <a *ngIf="loggedIn" class="btn btn-purple sponsor" [routerLink]="['/login' | relativeUrl]">My account</a>
           <a *ngIf="!loggedIn" class="btn btn-purple sponsor" [routerLink]="['/accelerator' | relativeUrl]">Mempool Accelerator™</a>