From 0efbbd8feb14535606234c0fb3ff047618b02476 Mon Sep 17 00:00:00 2001
From: belopash <abelopashentsev@gmail.com>
Date: Tue, 2 Jul 2024 03:20:07 +0500
Subject: [PATCH] fix: use correct number formatter

---
 src/lib/formatters/formatters.ts    | 6 +++---
 src/pages/DashboardPage/Summary.tsx | 6 +++---
 src/pages/WorkersPage/Worker.tsx    | 6 +++---
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/lib/formatters/formatters.ts b/src/lib/formatters/formatters.ts
index 855fe7c..2cc3d68 100644
--- a/src/lib/formatters/formatters.ts
+++ b/src/lib/formatters/formatters.ts
@@ -12,14 +12,14 @@ export function percentFormatter(value?: number | string | BigNumber) {
   return `${value.lt(0.01) && value.gt(0) ? '<0.01' : value.toFixed(2)}%`;
 }
 
-const formatter8 = new Intl.NumberFormat('fr-FR', {
+const formatter8 = new Intl.NumberFormat('en', {
   maximumFractionDigits: 8,
 });
 
-export function numberWithSpacesFormatter(val?: number | string) {
+export function numberWithCommasFormatter(val?: number | string) {
   if (val === undefined) return '';
 
-  return formatter8.format(Number(val)).replace(',', '.');
+  return formatter8.format(Number(val));
 }
 
 export function bytesFormatter(val?: number | string) {
diff --git a/src/pages/DashboardPage/Summary.tsx b/src/pages/DashboardPage/Summary.tsx
index 36f9be6..792260b 100644
--- a/src/pages/DashboardPage/Summary.tsx
+++ b/src/pages/DashboardPage/Summary.tsx
@@ -2,7 +2,7 @@ import React, { PropsWithChildren, useEffect, useMemo, useState } from 'react';
 
 import {
   bytesFormatter,
-  numberWithSpacesFormatter,
+  numberWithCommasFormatter,
   percentFormatter,
   tokenFormatter,
 } from '@lib/formatters/formatters';
@@ -199,8 +199,8 @@ function Stats() {
         <Box>
           <ColumnLabel>Queries, 24h / 90d</ColumnLabel>
           <ColumnValue>
-            {numberWithSpacesFormatter(data?.queries24Hours)} /{' '}
-            {numberWithSpacesFormatter(data?.queries90Days)}
+            {numberWithCommasFormatter(data?.queries24Hours)} /{' '}
+            {numberWithCommasFormatter(data?.queries90Days)}
           </ColumnValue>
         </Box>
         <Box>
diff --git a/src/pages/WorkersPage/Worker.tsx b/src/pages/WorkersPage/Worker.tsx
index 92a78c0..7d11c67 100644
--- a/src/pages/WorkersPage/Worker.tsx
+++ b/src/pages/WorkersPage/Worker.tsx
@@ -1,7 +1,7 @@
 import { dateFormat } from '@i18n';
 import {
   bytesFormatter,
-  numberWithSpacesFormatter,
+  numberWithCommasFormatter,
   percentFormatter,
   tokenFormatter,
   urlFormatter,
@@ -218,8 +218,8 @@ export const Worker = ({ backPath }: { backPath: string }) => {
                   <Stack direction="row">
                     <WorkerDescLabel>Queries, 24h / 90d</WorkerDescLabel>
                     <WorkerDescValue>
-                      {numberWithSpacesFormatter(worker.queries24Hours)} /{' '}
-                      {numberWithSpacesFormatter(worker.queries90Days)}
+                      {numberWithCommasFormatter(worker.queries24Hours)} /{' '}
+                      {numberWithCommasFormatter(worker.queries90Days)}
                     </WorkerDescValue>
                   </Stack>
                   <Stack direction="row">