diff --git a/ui/page/channel/index.js b/ui/page/channel/index.js index 3975b5601..096883271 100644 --- a/ui/page/channel/index.js +++ b/ui/page/channel/index.js @@ -6,6 +6,7 @@ import { selectCurrentChannelPage, selectClaimForUri, makeSelectClaimIsPending, + selectOdyseeMembershipForChannelId, } from 'redux/selectors/claims'; import { selectMyUnpublishedCollections } from 'redux/selectors/collections'; import { selectBlacklistedOutpointMap, doFetchSubCount, selectSubCountForUri } from 'lbryinc'; @@ -37,6 +38,7 @@ const select = (state, props) => { mutedChannels: selectMutedChannels(state), unpublishedCollections: selectMyUnpublishedCollections(state), lang: selectLanguage(state), + odyseeMembership: selectOdyseeMembershipForChannelId(state, claim.claim_id), }; }; diff --git a/ui/page/channel/view.jsx b/ui/page/channel/view.jsx index 09a139672..a09e0bd21 100644 --- a/ui/page/channel/view.jsx +++ b/ui/page/channel/view.jsx @@ -28,6 +28,7 @@ import TruncatedText from 'component/common/truncated-text'; import PlaceholderTx from 'static/img/placeholderTx.gif'; import Tooltip from 'component/common/tooltip'; import { toCompactNotation } from 'util/string'; +import PremiumBadge from 'component/common/premium-badge'; export const PAGE_VIEW_QUERY = `view`; export const DISCUSSION_PAGE = `discussion`; @@ -60,6 +61,7 @@ type Props = { mutedChannels: Array, unpublishedCollections: CollectionGroup, lang: string, + odyseeMembership: string, }; function ChannelPage(props: Props) { @@ -80,6 +82,7 @@ function ChannelPage(props: Props) { mutedChannels, unpublishedCollections, lang, + odyseeMembership, } = props; const { push, @@ -241,7 +244,6 @@ function ChannelPage(props: Props) { className="channel__thumbnail--channel-page" uri={uri} allowGifs - showMemberBadge isChannel hideStakedIndicator /> @@ -249,6 +251,7 @@ function ChannelPage(props: Props) { {title || (channelName && '@' + channelName)} +
diff --git a/ui/scss/component/_channel.scss b/ui/scss/component/_channel.scss index e299b7b80..2bda389ce 100644 --- a/ui/scss/component/_channel.scss +++ b/ui/scss/component/_channel.scss @@ -393,6 +393,12 @@ $actions-z-index: 2; } } + .channel__title { + .comment__badge { + margin-left: var(--spacing-s); + } + } + @media (max-width: $breakpoint-small) { padding-left: var(--spacing-m); margin-top: calc(var(--channel-thumbnail-width) + var(--spacing-l));