From a48ed23038984e0d71794e973e0310b16b49cb2c Mon Sep 17 00:00:00 2001
From: Oksamies <asko.soisalo@gmail.com>
Date: Sat, 22 Feb 2025 23:26:35 +0200
Subject: [PATCH] Fix Card meta item tooltip number formatting

---
 .../Card/CardCommunity/CardCommunity.tsx             | 12 +++++++-----
 .../newComponents/Card/CardPackage/CardPackage.tsx   | 12 +++++++-----
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/packages/cyberstorm/src/newComponents/Card/CardCommunity/CardCommunity.tsx b/packages/cyberstorm/src/newComponents/Card/CardCommunity/CardCommunity.tsx
index 2f80907e4..c6c6c0e84 100644
--- a/packages/cyberstorm/src/newComponents/Card/CardCommunity/CardCommunity.tsx
+++ b/packages/cyberstorm/src/newComponents/Card/CardCommunity/CardCommunity.tsx
@@ -7,7 +7,7 @@ import {
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { Community } from "@thunderstore/dapper/types";
 
-import { numberWithSpaces, formatInteger } from "../../../utils/utils";
+import { formatInteger } from "../../../utils/utils";
 import { NewLink, NewIcon, Image, NewTag, NewMetaItem } from "../../..";
 import { TooltipWrapper } from "../../../primitiveComponents/utils/utils";
 import "./CardCommunity.css";
@@ -68,8 +68,9 @@ export function CardCommunity(props: Props) {
       </NewLink>
       <div className="card-community__meta">
         <TooltipWrapper
-          tooltipText={`${numberWithSpaces(
-            community.total_package_count
+          tooltipText={`${formatInteger(
+            community.total_package_count,
+            "standard"
           )} Packages`}
         >
           <NewMetaItem csSize="12">
@@ -80,8 +81,9 @@ export function CardCommunity(props: Props) {
           </NewMetaItem>
         </TooltipWrapper>
         <TooltipWrapper
-          tooltipText={`${numberWithSpaces(
-            community.total_download_count
+          tooltipText={`${formatInteger(
+            community.total_download_count,
+            "standard"
           )} Downloads`}
         >
           <NewMetaItem csSize="12">
diff --git a/packages/cyberstorm/src/newComponents/Card/CardPackage/CardPackage.tsx b/packages/cyberstorm/src/newComponents/Card/CardPackage/CardPackage.tsx
index 718d8c32b..8275b38ec 100644
--- a/packages/cyberstorm/src/newComponents/Card/CardPackage/CardPackage.tsx
+++ b/packages/cyberstorm/src/newComponents/Card/CardPackage/CardPackage.tsx
@@ -7,7 +7,7 @@ import {
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { PackageListing } from "@thunderstore/dapper/types";
 
-import { numberWithSpaces, formatInteger } from "../../../utils/utils";
+import { formatInteger } from "../../../utils/utils";
 import { NewLink, NewIcon, Image, NewTag, NewMetaItem } from "../../..";
 import { TooltipWrapper } from "../../../primitiveComponents/utils/utils";
 import "./CardPackage.css";
@@ -137,8 +137,9 @@ export function CardPackage(props: Props) {
         <div className="card-package__footer">
           <div className="card-package__meta">
             <TooltipWrapper
-              tooltipText={`${numberWithSpaces(
-                packageData.download_count
+              tooltipText={`${formatInteger(
+                packageData.download_count,
+                "standard"
               )} Downloads`}
             >
               <NewMetaItem csSize="12">
@@ -159,8 +160,9 @@ export function CardPackage(props: Props) {
               </div>
             </TooltipWrapper> */}
             <TooltipWrapper
-              tooltipText={`${numberWithSpaces(
-                packageData.rating_count
+              tooltipText={`${formatInteger(
+                packageData.rating_count,
+                "standard"
               )} Likes`}
             >
               <NewMetaItem csSize="12">