Merge pull request #1342 from thunderstore-io/02-22-fix_card_meta_item_tooltip_number_formatting

Fix Card meta item tooltip number formatting

Author: Oksamies

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">

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">