mirror of
https://github.com/umami-software/umami.git
synced 2026-02-20 04:25:39 +01:00
update
This commit is contained in:
parent
0d387a6d90
commit
2a04809a91
3 changed files with 13 additions and 23 deletions
|
|
@ -1,5 +1,5 @@
|
|||
import classNames from 'classnames';
|
||||
import { useDateRange, useLocale, useMessages, useSticky } from 'components/hooks';
|
||||
import { useDateRange, useMessages, useSticky } from 'components/hooks';
|
||||
import WebsiteDateFilter from 'components/input/WebsiteDateFilter';
|
||||
import MetricCard from 'components/metrics/MetricCard';
|
||||
import MetricsBar from 'components/metrics/MetricsBar';
|
||||
|
|
@ -33,12 +33,10 @@ export function WebsiteMetricsBar({
|
|||
compareMode && dateCompare,
|
||||
);
|
||||
const isAllTime = dateRange.value === 'all';
|
||||
const { maxInt } = useLocale();
|
||||
const intl = useIntl();
|
||||
|
||||
const { pageviews, visitors, visits, bounces, totaltime } = data || {};
|
||||
const optionsNumber: FormatNumberOptions = { notation: 'compact', maximumFractionDigits: 2 };
|
||||
const optionsSmallNumber: FormatNumberOptions = { notation: 'compact' };
|
||||
const optionsNumber: FormatNumberOptions = { notation: 'compact', maximumSignificantDigits: 3 };
|
||||
const optionsPercent: FormatNumberOptions = { style: 'percent' };
|
||||
|
||||
const metrics = data
|
||||
|
|
@ -47,22 +45,19 @@ export function WebsiteMetricsBar({
|
|||
...pageviews,
|
||||
label: formatMessage(labels.views),
|
||||
change: pageviews.value - pageviews.prev,
|
||||
formatValue: (n: number) =>
|
||||
intl.formatNumber(+n, +n < maxInt ? optionsSmallNumber : optionsNumber),
|
||||
formatValue: (n: number) => intl.formatNumber(+n, optionsNumber),
|
||||
},
|
||||
{
|
||||
...visits,
|
||||
label: formatMessage(labels.visits),
|
||||
change: visits.value - visits.prev,
|
||||
formatValue: (n: number) =>
|
||||
intl.formatNumber(+n, +n < maxInt ? optionsSmallNumber : optionsNumber),
|
||||
formatValue: (n: number) => intl.formatNumber(+n, optionsNumber),
|
||||
},
|
||||
{
|
||||
...visitors,
|
||||
label: formatMessage(labels.visitors),
|
||||
change: visitors.value - visitors.prev,
|
||||
formatValue: (n: number) =>
|
||||
intl.formatNumber(+n, +n < maxInt ? optionsSmallNumber : optionsNumber),
|
||||
formatValue: (n: number) => intl.formatNumber(+n, optionsNumber),
|
||||
},
|
||||
{
|
||||
label: formatMessage(labels.bounceRate),
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue