watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-19 12:05:41 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Update EventProperties.tsx

Browse source
This commit is contained in:
Minseo Lee 2024-09-09 15:08:36 +09:00
parent 9697ac61d3
commit c1eb76ded7
1 changed files with 10 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/app/(main)/websites/[websiteId]/events/EventProperties.tsx
View file

@ -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 }) {
</div>
)}
</GridColumn>
<GridColumn name="total" label={formatMessage(labels.count)} alignment="end" />
<GridColumn name="total" label={formatMessage(labels.count)} alignment="end">
{row => (
<span title={intl.formatNumber(row.count)}>
{intl.formatNumber(row.count, formatLongNumberOptions(row.count))}
</span>
)}
</GridColumn>
</GridTable>
{propertyName && (
<div className={styles.chart}>