diff --git a/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionStats.tsx b/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionStats.tsx index ea606582f..2e1542421 100644 --- a/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionStats.tsx +++ b/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionStats.tsx @@ -2,15 +2,38 @@ import { useMessages } from 'components/hooks'; import MetricCard from 'components/metrics/MetricCard'; import MetricsBar from 'components/metrics/MetricsBar'; import { formatShortTime } from 'lib/format'; +import { type FormatNumberOptions, useIntl } from 'react-intl'; export function SessionStats({ data }) { const { formatMessage, labels } = useMessages(); + const intl = useIntl(); + + const optionsNumber: FormatNumberOptions = { notation: 'compact', maximumSignificantDigits: 3 }; + const optionsSmallNumber: FormatNumberOptions = { notation: 'compact' }; return ( - - - + + intl.formatNumber(+n, +n < 100 ? optionsSmallNumber : optionsNumber) + } + /> + + intl.formatNumber(+n, +n < 100 ? optionsSmallNumber : optionsNumber) + } + /> + + intl.formatNumber(+n, +n < 100 ? optionsSmallNumber : optionsNumber) + } + />