Added comma separators to numbers

CHANGELOG.md

@@ -7,6 +7,7 @@ All notable changes to the Wazuh app project will be documented in this file.
 ### Added
 
 - Support for Wazuh 4.10.1
+- Added comma separators to numbers [#7233](https://github.com/wazuh/wazuh-dashboard-plugins/pull/7233)
 
 ## Wazuh v4.10.0 - OpenSearch Dashboards 2.16.0 - Revision 08
 

plugins/main/public/components/common/charts/visualizations/legend.tsx

@@ -24,7 +24,7 @@ export function ChartLegend({ data }: ChartLegendProps) {
           textOverflow: 'ellipsis',
           overflow: 'hidden',
         }}
-      >{`${label} (${value})`}</div>
+      >{`${label} (${Number(value).toLocaleString('en-US')})`}</div>
     ),
     icon: <EuiIcon type='dot' size='l' color={labelColor} />,
     ...rest,

plugins/main/public/components/common/tables/table-wz-api.tsx

@@ -206,7 +206,9 @@ export function TableWzAPI({
                     {isLoading ? (
                       <EuiLoadingSpinner size='s' />
                     ) : (
-                      <span>({totalItems})</span>
+                      <span>
+                        ({Number(totalItems).toLocaleString('en-US')})
+                      </span>
                     )}
                   </h1>
                 </EuiTitle>

plugins/main/public/components/management/cluster/components/overview_cards.tsx

@@ -155,7 +155,7 @@ export const OverviewCards = ({
                         onClick={goNodes}
                         style={{ height: 'auto' }}
                       >
-                        {nodesCount}
+                        {Number(nodesCount).toLocaleString('en-US')}
                       </EuiButtonEmpty>
                     </EuiToolTip>
                   ),
@@ -187,7 +187,7 @@ export const OverviewCards = ({
                         onClick={goAgents}
                         style={{ height: 'auto' }}
                       >
-                        {agentsCount}
+                        {Number(agentsCount).toLocaleString('en-US')}
                       </EuiButtonEmpty>
                     </EuiToolTip>
                   ),

plugins/main/public/controllers/overview/components/__snapshots__/stats.test.tsx.snap

@@ -135,7 +135,7 @@ exports[`Stats component renders correctly to match the snapshot 1`] = `
                           rel="noreferrer"
                           style="font-weight: normal; color: rgb(189, 39, 30);"
                         >
-                          -
+                          NaN
                         </a>
                       </span>
                     </p>
@@ -180,7 +180,7 @@ exports[`Stats component renders correctly to match the snapshot 1`] = `
                           rel="noreferrer"
                           style="font-weight: normal; color: rgb(254, 197, 20);"
                         >
-                          -
+                          NaN
                         </a>
                       </span>
                     </p>
@@ -225,7 +225,7 @@ exports[`Stats component renders correctly to match the snapshot 1`] = `
                           rel="noreferrer"
                           style="font-weight: normal; color: rgb(96, 146, 192);"
                         >
-                          -
+                          NaN
                         </a>
                       </span>
                     </p>
@@ -270,7 +270,7 @@ exports[`Stats component renders correctly to match the snapshot 1`] = `
                           rel="noreferrer"
                           style="font-weight: normal; color: rgb(0, 120, 113);"
                         >
-                          -
+                          NaN
                         </a>
                       </span>
                     </p>

plugins/main/public/controllers/overview/components/last-alerts-stat/last-alerts-stat.tsx

@@ -155,7 +155,7 @@ export function LastAlertsStat({
                 }}
                 href={discoverLocation}
               >
-                {statValue}
+                {Number(statValue).toLocaleString('en-US')}
               </EuiLink>
             </EuiToolTip>
           }