add lbc help message on discover page

This commit is contained in:
Sean Yesmunt 2020-11-16 19:04:29 -05:00
parent 29e7af5bfc
commit 44602c4213

View file

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