fix(metrics): localize 'Unknown' label in tables

This commit is contained in:
Alexander Klein 2021-02-20 08:28:52 +01:00
parent 06f24b0c90
commit 306b555b96
2 changed files with 11 additions and 2 deletions

View File

@ -10,7 +10,11 @@ export default function CountriesTable({ websiteId, onDataLoad, ...props }) {
const countryNames = useCountryNames(locale);
function renderLabel({ x }) {
return <div className={locale}>{countryNames[x] ?? 'Unknown'}</div>;
return (
<div className={locale}>
{countryNames[x] ?? <FormattedMessage id="label.unknown" defaultMessage="Unknown" />}
</div>
);
}
return (

View File

@ -2,6 +2,7 @@ import React, { useState } from 'react';
import { FixedSizeList } from 'react-window';
import { useSpring, animated, config } from 'react-spring';
import classNames from 'classnames';
import { FormattedMessage } from 'react-intl';
import NoData from 'components/common/NoData';
import { formatNumber, formatLongNumber } from 'lib/format';
import styles from './DataTable.module.css';
@ -27,7 +28,11 @@ export default function DataTable({
return (
<AnimatedRow
key={label}
label={renderLabel ? renderLabel(row) : label ?? 'Unknown'}
label={
renderLabel
? renderLabel(row)
: label ?? <FormattedMessage id="label.unknown" defaultMessage="Unknown" />
}
value={value}
percent={percent}
animate={animate && !virtualize}