Add messages for devices.

This commit is contained in:
Mike Cao 2023-03-09 15:18:54 -08:00
parent 0d6da743b9
commit c3426a67ee
5 changed files with 23 additions and 18 deletions

View file

@ -1,23 +1,27 @@
import MetricsTable from './MetricsTable';
import { useIntl, FormattedMessage } from 'react-intl';
import { getDeviceMessage } from 'components/messages';
import { useIntl } from 'react-intl';
import FilterLink from 'components/common/FilterLink';
import { labels } from 'components/messages';
export default function DevicesTable({ websiteId, ...props }) {
const { formatMessage } = useIntl();
function renderLink({ x: device }) {
return (
<FilterLink id="device" value={device} label={formatMessage(getDeviceMessage(device))} />
<FilterLink
id="device"
value={device}
label={formatMessage(labels[device] || labels.unknown)}
/>
);
}
return (
<MetricsTable
{...props}
title={<FormattedMessage id="metrics.devices" defaultMessage="Devices" />}
title={formatMessage(labels.devices)}
type="device"
metric={<FormattedMessage id="metrics.visitors" defaultMessage="Visitors" />}
metric={formatMessage(labels.visitors)}
websiteId={websiteId}
renderLabel={renderLink}
/>