Update with a function that add formatted to a string with numbers

wazuh · Jan 14, 2025 · 41b31ac · 41b31ac
1 parent 3ca68bb
commit 41b31ac
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/...ain/public/components/common/welcome/components/vuls_severity_stat/vuls_severity_stat.tsx b/...ain/public/components/common/welcome/components/vuls_severity_stat/vuls_severity_stat.tsx
@@ -1,8 +1,9 @@
 import React from 'react';
 import { EuiStat, EuiStatProps } from '@elastic/eui';
+import { formatUIStringWithNumbers } from '../../../../../react-services/format-number';
 
 type VulsSeverityStatProps = {
-  value: string;
+  value: number;
   color: string;
   textAlign?: EuiStatProps['textAlign'];
   statElement?: EuiStatProps['descriptionElement'];
@@ -19,7 +20,7 @@ export default function VulsSeverityStat({
   return (
     <EuiStat
       className='vuls-severity-stat'
-      title={value}
+      title={formatUIStringWithNumbers(value)}
       description={''}
       titleElement={statElement}
       isLoading={isLoading}

diff --git a/plugins/main/public/react-services/format-number.ts b/plugins/main/public/react-services/format-number.ts
@@ -16,3 +16,13 @@ export function formatUINumber(number: number) {
   }
   return Number(number).toLocaleString('en-US');
 }
+
+export function formatUIStringWithNumbers(value: string) {
+  if (typeof value !== 'string') {
+    return '-';
+  }
+
+  return value.replace(/\d+/g, match => {
+    return Number(match).toLocaleString('en-US');
+  });
+}