daxi20/AdGuardHome
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add trackers, rework some text

Browse Source
This commit is contained in:
Andrey Meshkov
2018-10-14 23:24:11 +03:00
parent e67695df8b
commit 2f61b42e90
14 changed files with 11474 additions and 1386 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
client/src/components/ui/Popover.js
View File

@@ -1,5 +1,6 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { getSourceData } from '../../helpers/trackers/trackers';
import './Popover.css';
@@ -7,6 +8,20 @@ class Popover extends Component {
render() {
const { data } = this.props;
const sourceData = getSourceData(data);
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>
</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>
</div>
);
return (
<div className="popover-wrap">
<div className="popover__trigger">
@@ -15,17 +30,13 @@ class Popover extends Component {
<div className="popover__body">
<div className="popover__list">
<div className="popover__list-title">
This domain belongs to the Whotracksme database.
</div>
<div className="popover__list-item">
Name: <strong>{data.name}</strong>
Found in the known domains database.
</div>
{tracker}
<div className="popover__list-item">
Category: <strong>{data.category}</strong>
</div>
<div className="popover__list-item">
<a href={`https://whotracks.me/trackers/${data.id}.html`} className="popover__link" target="_blank" rel="noopener noreferrer">More information on Whotracksme</a>
</div>
{source}
</div>
</div>
</div>