From 44602c421392a27cb0044cb11e76d6a64d0a8cf1 Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Mon, 16 Nov 2020 19:04:29 -0500
Subject: [PATCH] add lbc help message on discover page

---
 ui/page/discover/view.jsx | 42 ++++++++++++++++++++++++++++-----------
 1 file changed, 30 insertions(+), 12 deletions(-)

diff --git a/ui/page/discover/view.jsx b/ui/page/discover/view.jsx
index e50805246..ca40bd2f3 100644
--- a/ui/page/discover/view.jsx
+++ b/ui/page/discover/view.jsx
@@ -1,5 +1,5 @@
 // @flow
-import { SHOW_ADS } from 'config';
+import { SHOW_ADS, DOMAIN } from 'config';
 import * as ICONS from 'constants/icons';
 import React, { useRef } from 'react';
 import Page from 'component/page';
@@ -12,6 +12,8 @@ import HiddenNsfw from 'component/common/hidden-nsfw';
 import Icon from 'component/common/icon';
 import * as CS from 'constants/claim_search';
 import Ads from 'web/component/ads';
+import LbcSymbol from 'component/common/lbc-symbol';
+import I18nMessage from 'component/i18nMessage';
 
 type Props = {
   location: { search: string },
@@ -108,17 +110,33 @@ function DiscoverPage(props: Props) {
           (dynamicRouteProps && dynamicRouteProps.options && dynamicRouteProps.options.channelIds) || undefined
         }
         meta={
-          tag &&
-          !isMobile && (
-            <Button
-              ref={buttonRef}
-              button="alt"
-              icon={ICONS.SUBSCRIBE}
-              iconColor="red"
-              onClick={handleFollowClick}
-              requiresAuth={IS_WEB}
-              label={label}
-            />
+          !dynamicRouteProps ? (
+            <a
+              className="help"
+              href="https://lbry.com/faq/trending"
+              title={__('Learn more about LBRY Credits on %DOMAIN%', { DOMAIN })}
+            >
+              <I18nMessage
+                tokens={{
+                  lbc: <LbcSymbol />,
+                }}
+              >
+                Results boosted by %lbc%
+              </I18nMessage>
+            </a>
+          ) : (
+            tag &&
+            !isMobile && (
+              <Button
+                ref={buttonRef}
+                button="alt"
+                icon={ICONS.SUBSCRIBE}
+                iconColor="red"
+                onClick={handleFollowClick}
+                requiresAuth={IS_WEB}
+                label={label}
+              />
+            )
           )
         }
       />