fix(SW-315): formatting numbers via locale, fixed a few padding issues

2024-10-31 14:07:21 +01:00
parent de5d80ec92
commit 28c30b2416
6 changed files with 19 additions and 19 deletions
--- a/components/Blocks/DynamicContent/Overview/Stats/Points/PointsColumn/index.tsx
+++ b/components/Blocks/DynamicContent/Overview/Stats/Points/PointsColumn/index.tsx
@@ -44,7 +44,16 @@ async function PointsColumn({
  title,
  subtitle,
 }: PointsColumnProps) {
-  const { formatMessage } = await getIntl()
+  const { formatMessage, formatNumber } = await getIntl()
+
+  function number() {
+    if (typeof points === "number") {
+      return formatNumber(points)
+    } else if (typeof nights === "number") {
+      return formatNumber(nights)
+    }
+    return "N/A"
+  }

  return (
    <article className={styles.article}>
@@ -59,7 +68,7 @@ async function PointsColumn({
        })}
      </Body>
      <Title color="white" level="h2" textAlign="center">
-        {points ?? nights ?? "N/A"}
+        {number()}
      </Title>
      {subtitle ? (
        <Body color="white" textAlign="center">