Add translate for Popover

This commit is contained in:
Hoàng Rio 2018-10-26 10:58:18 +07:00
parent 4590564fea
commit 234e29697f
2 changed files with 9 additions and 4 deletions

View file

@ -112,5 +112,9 @@ export default {
Page: 'Trang', Page: 'Trang',
of: 'của', of: 'của',
rows: 'hàng', rows: 'hàng',
// Popover
Source: 'Nguồn',
'Found in the known domains database.': 'Tìm thấy trong cơ sở dữ liệu tên miền',
Category: 'Thể loại',
}, },
}; };

View file

@ -1,5 +1,6 @@
import React, { Component } from 'react'; import React, { Component } from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { Trans } from 'react-i18next';
import { getSourceData } from '../../helpers/trackers/trackers'; import { getSourceData } from '../../helpers/trackers/trackers';
import { captitalizeWords } from '../../helpers/helpers'; import { captitalizeWords } from '../../helpers/helpers';
@ -13,13 +14,13 @@ class Popover extends Component {
const source = ( const source = (
<div className="popover__list-item"> <div className="popover__list-item">
Source: <a className="popover__link" target="_blank" rel="noopener noreferrer" href={sourceData.url}><strong>{sourceData.name}</strong></a> <Trans>Source</Trans>: <a className="popover__link" target="_blank" rel="noopener noreferrer" href={sourceData.url}><strong>{sourceData.name}</strong></a>
</div> </div>
); );
const tracker = ( const tracker = (
<div className="popover__list-item"> <div className="popover__list-item">
Name: <a className="popover__link" target="_blank" rel="noopener noreferrer" href={data.url}><strong>{data.name}</strong></a> <Trans>Name</Trans>: <a className="popover__link" target="_blank" rel="noopener noreferrer" href={data.url}><strong>{data.name}</strong></a>
</div> </div>
); );
@ -33,11 +34,11 @@ class Popover extends Component {
<div className="popover__body"> <div className="popover__body">
<div className="popover__list"> <div className="popover__list">
<div className="popover__list-title"> <div className="popover__list-title">
Found in the known domains database. <Trans>Found in the known domains database.</Trans>
</div> </div>
{tracker} {tracker}
<div className="popover__list-item"> <div className="popover__list-item">
Category: <strong>{categoryName}</strong> <Trans>Category</Trans>: <strong><Trans>{categoryName}</Trans></strong>
</div> </div>
{source} {source}
</div> </div>