correct hashrate suffix

src/app/components/dashboard/dashboard.component.html

@@ -31,7 +31,7 @@
                         {{getSessionCount(worker.name, clientInfo.workers)}} Sessions
                     </td>
                     <td>
-                        {{getTotalHashRate(worker.name, clientInfo.workers)}} GH/s
+                        {{getTotalHashRate(worker.name, clientInfo.workers) | hashSuffix}}
                     </td>
                     <td>
                         {{getBestDifficulty(worker.name, clientInfo.workers) | numberSuffix}}
@@ -47,7 +47,7 @@
                 <tr [routerLink]="[worker.name, worker.sessionId]">
                     <td></td>
                     <td>{{worker.sessionId}}</td>
-                    <td>{{worker.hashRate}} GH/s</td>
+                    <td>{{worker.hashRate | hashSuffix}}</td>
                     <td>{{worker.bestDifficulty | numberSuffix}}</td>
                     <td>{{worker.startTime | dateAgo}}</td>
                 </tr>

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

@@ -2,6 +2,7 @@ import { Component } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { map, Observable, shareReplay } from 'rxjs';
 
+import { HashSuffixPipe } from '../../pipes/hash-suffix.pipe';
 import { ClientService } from '../../services/client.service';
 
 @Component({
@@ -18,6 +19,8 @@ export class DashboardComponent {
 
   public chartOptions: any;
 
+
+
   constructor(private clientService: ClientService, private route: ActivatedRoute) {
     this.address = this.route.snapshot.params['address'];
     this.clientInfo$ = this.clientService.getClientInfo(this.address).pipe(
@@ -108,7 +111,7 @@ export class DashboardComponent {
         y: {
           ticks: {
             color: textColorSecondary,
-            callback: (value: number) => value + ' GH/s',
+            callback: (value: number) => HashSuffixPipe.transform(value)
           },
           grid: {
             color: surfaceBorder,

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

@@ -2,6 +2,7 @@ import { Component } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { map, Observable } from 'rxjs';
 
+import { HashSuffixPipe } from '../../pipes/hash-suffix.pipe';
 import { AppService } from '../../services/app.service';
 import { bitcoinAddressValidator } from '../../validators/bitcoin-address.validator';
 
@@ -75,7 +76,7 @@ export class SplashComponent {
         y: {
           ticks: {
             color: textColorSecondary,
-            callback: (value: number) => value + ' GH/s',
+            callback: (value: number) => HashSuffixPipe.transform(value)
           },
           grid: {
             color: surfaceBorder,

src/app/components/worker-group/worker-group.component.ts

@@ -2,6 +2,7 @@ import { Component } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { map, Observable, shareReplay } from 'rxjs';
 
+import { HashSuffixPipe } from '../../pipes/hash-suffix.pipe';
 import { WorkerService } from '../../services/worker.service';
 
 @Component({
@@ -75,7 +76,7 @@ export class WorkerGroupComponent {
         y: {
           ticks: {
             color: textColorSecondary,
-            callback: (value: number) => value + ' GH/s',
+            callback: (value: number) => HashSuffixPipe.transform(value)
           },
           grid: {
             color: surfaceBorder,

src/app/components/worker/worker.component.ts

@@ -2,6 +2,7 @@ import { Component } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { map, Observable, shareReplay } from 'rxjs';
 
+import { HashSuffixPipe } from '../../pipes/hash-suffix.pipe';
 import { WorkerService } from '../../services/worker.service';
 
 @Component({
@@ -75,7 +76,7 @@ export class WorkerComponent {
         y: {
           ticks: {
             color: textColorSecondary,
-            callback: (value: number) => value + ' GH/s',
+            callback: (value: number) => HashSuffixPipe.transform(value)
           },
           grid: {
             color: surfaceBorder,