From 71648bf01e215876086022f7c8b046b64c591f5e Mon Sep 17 00:00:00 2001
From: nymkappa <vialjoris@hotmail.com>
Date: Wed, 16 Mar 2022 17:28:00 +0100
Subject: [PATCH] Force disable mining dashboard if base_module not mempool

---
 .../statistics/statistics.component.html       |  2 +-
 .../statistics/statistics.component.scss       | 18 ++++++++++--------
 .../statistics/statistics.component.ts         |  2 +-
 frontend/src/app/services/state.service.ts     |  4 ++++
 4 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/frontend/src/app/components/statistics/statistics.component.html b/frontend/src/app/components/statistics/statistics.component.html
index 0d2276e98..79dcc6fe2 100644
--- a/frontend/src/app/components/statistics/statistics.component.html
+++ b/frontend/src/app/components/statistics/statistics.component.html
@@ -4,7 +4,7 @@
       <div class="card mb-3">
         <div class="card-header">
           <i class="fa fa-area-chart"></i> <span i18n="statistics.memory-by-vBytes">Mempool by vBytes (sat/vByte)</span>
-          <form [formGroup]="radioGroupForm" class="formRadioGroup" (click)="saveGraphPreference()">
+          <form [formGroup]="radioGroupForm" class="formRadioGroup" [class]="stateService.env.MINING_DASHBOARD ? 'mining' : ''" (click)="saveGraphPreference()">
             <div class="btn-group btn-group-toggle" ngbRadioGroup name="radioBasic" formControlName="dateSpan">
               <label ngbButtonLabel class="btn-primary btn-sm">
                 <input ngbButton type="radio" [value]="'2h'" [routerLink]="['/graphs' | relativeUrl]" fragment="2h"> 2H (LIVE)
diff --git a/frontend/src/app/components/statistics/statistics.component.scss b/frontend/src/app/components/statistics/statistics.component.scss
index cffe035b3..530e62385 100644
--- a/frontend/src/app/components/statistics/statistics.component.scss
+++ b/frontend/src/app/components/statistics/statistics.component.scss
@@ -40,14 +40,6 @@
   margin-top: 6px;
   display: flex;
   flex-direction: column;
-  @media (min-width: 1130px) {
-    position: relative;
-    top: -65px;
-  }
-  @media (min-width: 830px) and (max-width: 1130px) {
-    position: relative;
-    top: 0px;
-  }
   @media (min-width: 830px) {
     flex-direction: row;
     float: right;
@@ -60,6 +52,16 @@
     }
   }
 }
+.formRadioGroup.mining {
+  @media (min-width: 1130px) {
+    position: relative;
+    top: -65px;
+  }
+  @media (min-width: 830px) and (max-width: 1130px) {
+    position: relative;
+    top: 0px;
+  }
+}
 
 .loading{
   display: flex;
diff --git a/frontend/src/app/components/statistics/statistics.component.ts b/frontend/src/app/components/statistics/statistics.component.ts
index bc13b7e7c..1336339bc 100644
--- a/frontend/src/app/components/statistics/statistics.component.ts
+++ b/frontend/src/app/components/statistics/statistics.component.ts
@@ -45,7 +45,7 @@ export class StatisticsComponent implements OnInit {
     private route: ActivatedRoute,
     private websocketService: WebsocketService,
     private apiService: ApiService,
-    private stateService: StateService,
+    public stateService: StateService,
     private seoService: SeoService,
     private storageService: StorageService,
   ) { }
diff --git a/frontend/src/app/services/state.service.ts b/frontend/src/app/services/state.service.ts
index 85b7674e1..0d7d7915e 100644
--- a/frontend/src/app/services/state.service.ts
+++ b/frontend/src/app/services/state.service.ts
@@ -111,6 +111,10 @@ export class StateService {
     const browserWindowEnv = browserWindow.__env || {};
     this.env = Object.assign(defaultEnv, browserWindowEnv);
 
+    if (defaultEnv.BASE_MODULE !== 'mempool') {
+      this.env.MINING_DASHBOARD = false;
+    }
+
     if (this.isBrowser) {
       this.setNetworkBasedonUrl(window.location.pathname);
       this.isTabHidden$ = fromEvent(document, 'visibilitychange').pipe(map(() => this.isHidden()), shareReplay());