Update WebsiteMetricsBar.tsx

umami-software · Aug 29, 2024 · 5ae04f4 · 5ae04f4
1 parent a76bb4b
commit 5ae04f4
Showing 1 changed file with 23 additions and 4 deletions.
diff --git a/src/app/(main)/websites/[websiteId]/WebsiteMetricsBar.tsx b/src/app/(main)/websites/[websiteId]/WebsiteMetricsBar.tsx
@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import { useDateRange, useMessages, useSticky } from 'components/hooks';
+import { useDateRange, useLocale, useMessages, useSticky } from 'components/hooks';
 import WebsiteDateFilter from 'components/input/WebsiteDateFilter';
 import MetricCard from 'components/metrics/MetricCard';
 import MetricsBar from 'components/metrics/MetricsBar';
@@ -33,8 +33,18 @@ export function WebsiteMetricsBar({
     compareMode && dateCompare,
   );
   const isAllTime = dateRange.value === 'all';
+  const { locale } = useLocale();
   const intl = useIntl();
 
+  const minimum = {
+    'de-CH': 1000000,
+    'de-DE': 1000000,
+    'it-IT': 1000000,
+    'ja-JP': 10000,
+    'zh-CN': 10000,
+    'zh-TW': 10000,
+  };
+
   const { pageviews, visitors, visits, bounces, totaltime } = data || {};
   const optionsNumber: FormatNumberOptions = { notation: 'compact', maximumFractionDigits: 2 };
   const optionsSmallNumber: FormatNumberOptions = { notation: 'compact' };
@@ -47,21 +57,30 @@ export function WebsiteMetricsBar({
           label: formatMessage(labels.views),
           change: pageviews.value - pageviews.prev,
           formatValue: (n: number) =>
-            intl.formatNumber(+n, +n < 1000 ? optionsSmallNumber : optionsNumber),
+            intl.formatNumber(
+              +n,
+              +n < (minimum[locale] || 1000) ? optionsSmallNumber : optionsNumber,
+            ),
         },
         {
           ...visits,
           label: formatMessage(labels.visits),
           change: visits.value - visits.prev,
           formatValue: (n: number) =>
-            intl.formatNumber(+n, +n < 1000 ? optionsSmallNumber : optionsNumber),
+            intl.formatNumber(
+              +n,
+              +n < (minimum[locale] || 1000) ? optionsSmallNumber : optionsNumber,
+            ),
         },
         {
           ...visitors,
           label: formatMessage(labels.visitors),
           change: visitors.value - visitors.prev,
           formatValue: (n: number) =>
-            intl.formatNumber(+n, +n < 1000 ? optionsSmallNumber : optionsNumber),
+            intl.formatNumber(
+              +n,
+              +n < (minimum[locale] || 1000) ? optionsSmallNumber : optionsNumber,
+            ),
         },
         {
           label: formatMessage(labels.bounceRate),