Add whotracksme info popover

Closes #364
This commit is contained in:
Ildar Kamalov
2018-10-12 19:52:19 +03:00
parent 5fb603f6c9
commit d0d98ba762
12 changed files with 209 additions and 12 deletions

View File

@@ -5,7 +5,9 @@ import map from 'lodash/map';
import Card from '../ui/Card';
import Cell from '../ui/Cell';
import Popover from '../ui/Popover';
import { getTrackerData } from '../../helpers/whotracksme';
import { getPercent } from '../../helpers/helpers';
import { STATUS_COLORS } from '../../helpers/constants';
@@ -22,7 +24,19 @@ class QueriedDomains extends Component {
columns = [{
Header: 'IP',
accessor: 'ip',
Cell: ({ value }) => (<div className="logs__row logs__row--overflow"><span className="logs__text" title={value}>{value}</span></div>),
Cell: (row) => {
const { value } = row;
const trackerData = getTrackerData(value);
return (
<div className="logs__row" title={value}>
<div className="logs__text">
{value}
</div>
{trackerData && <Popover data={trackerData} />}
</div>
);
},
}, {
Header: 'Requests count',
accessor: 'count',
@@ -47,7 +61,7 @@ class QueriedDomains extends Component {
showPagination={false}
noDataText="No domains found"
minRows={6}
className="-striped -highlight card-table-overflow"
className="-striped -highlight card-table-overflow stats__table"
/>
</Card>
);