diff --git a/src/app/(main)/websites/[websiteId]/events/EventProperties.tsx b/src/app/(main)/websites/[websiteId]/events/EventProperties.tsx index 794a5053d..15b9b5096 100644 --- a/src/app/(main)/websites/[websiteId]/events/EventProperties.tsx +++ b/src/app/(main)/websites/[websiteId]/events/EventProperties.tsx @@ -5,8 +5,11 @@ import PieChart from 'components/charts/PieChart'; import { useState } from 'react'; import { CHART_COLORS } from 'lib/constants'; import styles from './EventProperties.module.css'; +import { useIntl } from 'react-intl'; +import { formatLongNumberOptions } from 'lib/format'; export function EventProperties({ websiteId }: { websiteId: string }) { + const intl = useIntl(); const [propertyName, setPropertyName] = useState(''); const [eventName, setEventName] = useState(''); const { formatMessage, labels } = useMessages(); @@ -49,7 +52,13 @@ export function EventProperties({ websiteId }: { websiteId: string }) { )} - + + {row => ( + + {intl.formatNumber(row.count, formatLongNumberOptions(row.count))} + + )} + {propertyName && (