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}{site}, + html: {verified ? this.getVerifiedIcon() : null}{faviconURL ? {site} : }{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; }