Frontend - Web node improvements & bug fixes #1066

directcuteo · web-flow · commit 044ef77b2a07 · 2025-02-06T10:05:23.000+02:00
Frontend - Webnode improvements &amp; bugfixes
diff --git a/frontend/package.json b/frontend/package.json
@@ -1,6 +1,6 @@
 {
   "name": "frontend",
-  "version": "1.0.121",
+  "version": "1.0.124",
   "scripts": {
     "install:deps": "npm install",
     "start": "npm install && ng serve --configuration local --open",
diff --git a/frontend/src/app/core/services/firestore.service.ts b/frontend/src/app/core/services/firestore.service.ts
@@ -11,7 +11,7 @@ import {
   DocumentData,
 } from '@angular/fire/firestore';
 import { HttpClient } from '@angular/common/http';
-import { catchError, EMPTY, Observable } from 'rxjs';
+import { catchError, EMPTY, Observable, of } from 'rxjs';
 
 @Injectable({
   providedIn: 'root',
@@ -30,7 +30,7 @@ export class FirestoreService {
     return this.http.post(this.cloudFunctionUrl, { data }).pipe(
       catchError(error => {
         console.error('Error while posting to cloud function:', error);
-        return error;
+        return of(null);
       }),
     );
   }
diff --git a/frontend/src/app/features/web-node/web-node-file-upload/web-node-file-upload.component.html b/frontend/src/app/features/web-node/web-node-file-upload/web-node-file-upload.component.html
@@ -68,14 +68,16 @@ <h2>Set Up Your Web Node</h2>
     }
     <div class="buttons-container fx-row-vert-cent flex-between">
       <div class="develop-buttons fx-row-vert-cent">
-        <!--        <button class="btn-aware h-lg border-rad-8 f-500 pl-12 pr-12"-->
-        <!--                [tooltip]="'Start a develop Block Producer Web Node'"-->
-        <!--                (click)="onStartDevelopWebnode()">Start BP-->
-        <!--        </button>-->
-        <!--        <button class="btn-aware h-lg border-rad-8 f-500 pl-12 pr-12"-->
-        <!--                [tooltip]="'Start a develop Web Node without Block Producer feature'"-->
-        <!--                (click)="onStartDevelopWebnodeNonBP()">Start Non BP-->
-        <!--        </button>-->
+        @if (!isLeaderboard) {
+          <button class="btn-aware h-lg border-rad-8 f-500 pl-12 pr-12"
+                  [tooltip]="'Start a develop Block Producer Web Node'"
+                  (click)="onStartDevelopWebnode()">Start BP
+          </button>
+          <button class="btn-aware h-lg border-rad-8 f-500 pl-12 pr-12"
+                  [tooltip]="'Start a develop Web Node without Block Producer feature'"
+                  (click)="onStartDevelopWebnodeNonBP()">Start Non BP
+          </button>
+        }
       </div>
       <button class="whitey h-lg border-rad-8 f-500 pl-12 pr-12"
               (click)="startCustomWebNode()"
diff --git a/frontend/src/app/features/web-node/web-node-file-upload/web-node-file-upload.component.ts b/frontend/src/app/features/web-node/web-node-file-upload/web-node-file-upload.component.ts
@@ -30,6 +30,7 @@ export class WebNodeFileUploadComponent extends ManualDetection {
   validFiles: boolean = false;
   error: boolean = false;
   uploadedFileName: string;
+  isLeaderboard: boolean = CONFIG.showLeaderboard;
 
   constructor(private webnodeService: WebNodeService) { super(); }
 
diff --git a/frontend/src/app/layout/uptime-pill/uptime-pill.component.html b/frontend/src/app/layout/uptime-pill/uptime-pill.component.html
@@ -1,4 +1,5 @@
 <div class="chip mr-8 p-relative h-sm pl-5 pr-5 fx-row-full-cent border-rad-6 text-nowrap"
+     [class.aware]="uptime.uptimePercentage <= 33.33"
      [tooltip]="'Uptime tracks node availability in 5-min intervals. Each interval requires 1+ heartbeat while synced. Score reflects total synced intervals.'">
   <span class="mina-icon icon-300 f-20">beenhere</span>
   <div>Uptime {{ uptime.uptimePercentage }}% <span>{{ uptime.uptimeTime }}</span></div>
diff --git a/frontend/src/app/layout/uptime-pill/uptime-pill.component.scss b/frontend/src/app/layout/uptime-pill/uptime-pill.component.scss
@@ -28,6 +28,25 @@
     }
   }
 
+  &.aware {
+    &::before {
+      background-color: $aware-container;
+    }
+
+    div {
+      color: $aware-primary;
+    }
+
+    span {
+      color: $aware-secondary;
+
+      &.mina-icon {
+        display: none;
+        color: $aware-primary;
+      }
+    }
+  }
+
   @media (max-width: 767px) {
     width: 100%;
     margin-bottom: 5px;
diff --git a/frontend/src/index.html b/frontend/src/index.html
@@ -49,11 +49,11 @@
 <body class="f-base">
 <script>
   const deployment = {
-    dateUTC: '2025-02-05T12:34:44.258Z',
+    dateUTC: '2025-02-06T07:59:47.969Z',
     deviceIp: '5.13.60.20',
     deviceOS: 'macOS',
     deviceOSVersion: '23.5.0',
-    version: '1.0.121',
+    version: '1.0.124',
 };
 window.deployment = deployment;
 

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "frontend",`
`3`		`- "version": "1.0.121",`
	`3`	`+ "version": "1.0.124",`
`4`	`4`	`"scripts": {`
`5`	`5`	`"install:deps": "npm install",`
`6`	`6`	`"start": "npm install && ng serve --configuration local --open",`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`<div class="chip mr-8 p-relative h-sm pl-5 pr-5 fx-row-full-cent border-rad-6 text-nowrap"`
	`2`	`+ [class.aware]="uptime.uptimePercentage <= 33.33"`
`2`	`3`	`[tooltip]="'Uptime tracks node availability in 5-min intervals. Each interval requires 1+ heartbeat while synced. Score reflects total synced intervals.'">`
`3`	`4`	`<span class="mina-icon icon-300 f-20">beenhere</span>`
`4`	`5`	`<div>Uptime {{ uptime.uptimePercentage }}% <span>{{ uptime.uptimeTime }}</span></div>`