diff --git a/js/about/preferences.js b/js/about/preferences.js
index 0b9ac4e5e05..f2dce890be8 100644
--- a/js/about/preferences.js
+++ b/js/about/preferences.js
@@ -213,6 +213,13 @@ class LedgerTable extends ImmutableComponent {
return `https?://${synopsis.get('site')}`
}
+ getVerifiedIcon (synopsis) {
+ return
+
+
+
+ }
+
enabledForSite (synopsis) {
const hostSettings = this.props.siteSettings.get(this.getHostPattern(synopsis))
if (hostSettings) {
@@ -239,9 +246,10 @@ class LedgerTable extends ImmutableComponent {
if (!synopsis || !synopsis.get || !this.shouldShow(synopsis)) {
return []
}
- const faviconURL = synopsis.get('faviconURL') || appConfig.defaultFavicon
+ const faviconURL = synopsis.get('faviconURL')
const rank = synopsis.get('rank')
const views = synopsis.get('views')
+ const verified = synopsis.get('verified')
const duration = synopsis.get('duration')
const publisherURL = synopsis.get('publisherURL')
const percentage = synopsis.get('percentage')
@@ -251,7 +259,7 @@ class LedgerTable extends ImmutableComponent {
return [
rank,
{
- html: {site},
+ html: {verified ? this.getVerifiedIcon() : null}{faviconURL ? : }{site},
value: site
},
{
diff --git a/less/about/preferences.less b/less/about/preferences.less
index 4cffabf9408..3e46edcf2e0 100644
--- a/less/about/preferences.less
+++ b/less/about/preferences.less
@@ -777,6 +777,27 @@ div.nextPaymentSubmission {
}
}
+ .fa-file-o {
+ font-size: 15px;
+ margin-right: 6px;
+ text-align: center;
+ width: 24px;
+ }
+
+ .verified{
+ left: -10px;
+ position: absolute;
+ font-size: 10px;
+
+ .fa-circle {
+ color: #67B640;
+ }
+
+ .fa-check {
+ color: white;
+ }
+ }
+
&.alignRight {
text-align: right;
}