umami/components/metrics/CountriesTable.js
2023-04-13 22:28:29 -07:00

31 lines
874 B
JavaScript

import MetricsTable from './MetricsTable';
import FilterLink from 'components/common/FilterLink';
import useCountryNames from 'hooks/useCountryNames';
import useLocale from 'hooks/useLocale';
import useMessages from 'hooks/useMessages';
export default function CountriesTable({ websiteId, ...props }) {
const { locale } = useLocale();
const countryNames = useCountryNames(locale);
const { formatMessage, labels } = useMessages();
function renderLink({ x: code }) {
return (
<div className={locale}>
<FilterLink id="country" value={countryNames[code] && code} label={countryNames[code]} />
</div>
);
}
return (
<MetricsTable
{...props}
title={formatMessage(labels.countries)}
type="country"
metric={formatMessage(labels.visitors)}
websiteId={websiteId}
renderLabel={renderLink}
/>
);
}