Translated device statistics

src/components/InterfaceStatistics/index.js

@@ -1,4 +1,5 @@
 import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import PropTypes from 'prop-types';
 import { CCard, CCardHeader, CCardBody, CPopover, CRow, CCol } from '@coreui/react';
 import { cilSync } from '@coreui/icons';
@@ -6,6 +7,7 @@ import CIcon from '@coreui/icons-react';
 import StatisticsChartList from './StatisticsChartList';
 
 const DeviceStatisticsCard = ({ selectedDeviceId }) => {
+  const { t } = useTranslation();
   const [lastRefresh, setLastRefresh] = useState('');
 
   const refresh = () => {
@@ -16,9 +18,9 @@ const DeviceStatisticsCard = ({ selectedDeviceId }) => {
     <CCard>
       <CCardHeader>
         <CRow>
-          <CCol>Statistics</CCol>
+          <CCol>{t("statistics.title")}</CCol>
           <CCol style={{ textAlign: 'right' }}>
-            <CPopover content="Refresh">
+            <CPopover content={t("common.refresh")}>
               <CIcon
                 onClick={refresh}
                 name="cil-sync"