From 28418640bbd984258f43348621e0c5efa72472b2 Mon Sep 17 00:00:00 2001
From: Miguel Medeiros <miguel@miguelmedeiros.com.br>
Date: Tue, 28 Sep 2021 21:00:29 -0300
Subject: [PATCH] Fix parse numbers localized.

---
 .../app/components/mempool-graph/mempool-graph.component.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/components/mempool-graph/mempool-graph.component.ts b/frontend/src/app/components/mempool-graph/mempool-graph.component.ts
index 7a2d3cc42..1416fbf78 100644
--- a/frontend/src/app/components/mempool-graph/mempool-graph.component.ts
+++ b/frontend/src/app/components/mempool-graph/mempool-graph.component.ts
@@ -1,6 +1,8 @@
 import { Component, OnInit, Input, Inject, LOCALE_ID, ChangeDetectionStrategy, OnChanges } from '@angular/core';
 import { formatDate } from '@angular/common';
 import { VbytesPipe } from 'src/app/shared/pipes/bytes-pipe/vbytes.pipe';
+import { formatNumber } from "@angular/common";
+
 import { OptimizedMempoolStats } from 'src/app/interfaces/node-api.interface';
 import { StateService } from 'src/app/services/state.service';
 import { StorageService } from 'src/app/services/storage.service';
@@ -196,7 +198,7 @@ export class MempoolGraphComponent implements OnInit, OnChanges {
               if (this.hoverIndexSerie === hoverActive) {
                 progressPercentageText = `<div class="total-parcial-active">
                   <span class="progress-percentage">
-                    ${progressPercentage.toFixed(2)}
+                    ${formatNumber(progressPercentage, this.locale, '1.2-2')}
                     <span class="symbol">%</span>
                   </span>
                   <span class="total-parcial-vbytes">
@@ -226,7 +228,7 @@ export class MempoolGraphComponent implements OnInit, OnChanges {
               </td>
               <td class="total-progress-sum-bar">
                 <span class="total-percentage-bar-background">
-                  <span style="width: ${progressPercentageSum.toFixed(2)}%; background-color: ${this.chartColorsOrdered[3]}"></span>
+                  <span style="width: ${formatNumber(progressPercentageSum, this.locale, '1.2-2')}%; background-color: ${this.chartColorsOrdered[3]}"></span>
                 </span>
               </td>
             </tr>`);