From 234e29697f66bc51ddfd1bded3ef88b42c2de755 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ho=C3=A0ng=20Rio?= <donghoang.nguyen@outlook.com>
Date: Fri, 26 Oct 2018 10:58:18 +0700
Subject: [PATCH] Add translate for Popover

---
 client/src/__locales/vi.js          | 4 ++++
 client/src/components/ui/Popover.js | 9 +++++----
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/client/src/__locales/vi.js b/client/src/__locales/vi.js
index 23643ca1..4831f78c 100644
--- a/client/src/__locales/vi.js
+++ b/client/src/__locales/vi.js
@@ -112,5 +112,9 @@ export default {
         Page: 'Trang',
         of: 'của',
         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',
     },
 };
diff --git a/client/src/components/ui/Popover.js b/client/src/components/ui/Popover.js
index 4ed27afd..68df8fe3 100644
--- a/client/src/components/ui/Popover.js
+++ b/client/src/components/ui/Popover.js
@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
+import { Trans } from 'react-i18next';
 import { getSourceData } from '../../helpers/trackers/trackers';
 import { captitalizeWords } from '../../helpers/helpers';
 
@@ -13,13 +14,13 @@ class Popover extends Component {
 
         const source = (
             <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>
         );
 
         const tracker = (
             <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>
         );
 
@@ -33,11 +34,11 @@ class Popover extends Component {
                 <div className="popover__body">
                     <div className="popover__list">
                         <div className="popover__list-title">
-                            Found in the known domains database.
+                            <Trans>Found in the known domains database.</Trans>
                         </div>
                         {tracker}
                         <div className="popover__list-item">
-                            Category: <strong>{categoryName}</strong>
+                            <Trans>Category</Trans>: <strong><Trans>{categoryName}</Trans></strong>
                         </div>
                         {source}
                     </div>