data rework

src/app/components/dashboard/dashboard.component.ts

@@ -35,12 +35,11 @@ export class DashboardComponent {
 
 
 
-    this.chartData$ = this.clientInfo$.pipe(
+    this.chartData$ = this.clientService.getClientInfoChart(this.address).pipe(
-      map((workerInfo: any) => {
+      map((chartData) => {
 
         const GROUP_SIZE = 12; //6 = 1 hour
 
-        let chartData: any[] = workerInfo.chartData;
 
         let hourlyData = [];
 
@@ -54,10 +53,10 @@ export class DashboardComponent {
         }
 
 
-        const data = workerInfo.chartData.map((d: any) => { return { y: d.data, x: d.label } });
+        const data = chartData.map((d: any) => { return { y: d.data, x: d.label } });
 
         return {
-          labels: workerInfo.chartData.map((d: any) => d.label),
+          labels: chartData.map((d: any) => d.label),
           datasets: [
             {
               type: 'line',

src/app/components/splash/splash.component.html

@@ -57,8 +57,8 @@
 
             <div *ngIf="chartData$ | async as chartData">
                 <div class="card">
-                    <h1>Chart Returning Soon</h1>
+
-                    <!-- <p-chart type="line" [data]="chartData" [options]="chartOptions"></p-chart> -->
+                    <p-chart type="line" [data]="chartData" [options]="chartOptions"></p-chart>
                 </div>
             </div>
 

src/app/components/splash/splash.component.ts

@@ -24,16 +24,18 @@ export class SplashComponent {
   constructor(private appService: AppService) {
 
     const info$ = this.appService.getInfo().pipe(shareReplay({ refCount: true, bufferSize: 1 }));
+
     this.blockData$ = info$.pipe(map(info => info.blockData));
     this.userAgents$ = info$.pipe(map(info => info.userAgents));
-    this.chartData$ = info$.pipe(
+
-      map((info: any) => {
+    this.chartData$ = this.appService.getInfoChart().pipe(
+      map((chartData: any) => {
         return {
-          labels: info.chartData.map((d: any) => d.label),
+          labels: chartData.map((d: any) => d.label),
           datasets: [
             {
               label: 'Public-Pool Hashrate',
-              data: info.chartData.map((d: any) => d.data),
+              data: chartData.map((d: any) => d.data),
               fill: false,
               backgroundColor: documentStyle.getPropertyValue('--primary-color'),
               borderColor: documentStyle.getPropertyValue('--primary-color'),

src/app/services/app.service.ts

@@ -16,4 +16,7 @@ export class AppService {
     public getInfo() {
         return this.httpClient.get(`${environment.API_URL}/api/info`) as Observable<any>;
     }
+    public getInfoChart() {
+        return this.httpClient.get(`${environment.API_URL}/api/info/chart`) as Observable<any>;
+    }
 }

src/app/services/client.service.ts

@@ -1,5 +1,6 @@
 import { HttpClient } from '@angular/common/http';
 import { Injectable } from '@angular/core';
+import { Observable } from 'rxjs';
 
 import { environment } from '../../environments/environment';
 
@@ -15,4 +16,7 @@ export class ClientService {
   public getClientInfo(address: string) {
     return this.httpClient.get(`${environment.API_URL}/api/client/${address}`);
   }
+  public getClientInfoChart(address: string) {
+    return this.httpClient.get(`${environment.API_URL}/api/client/${address}/chart`) as Observable<any[]>;
+  }
 }