diff --git a/src/ui/page/channel/index.js b/src/ui/page/channel/index.js index d9331ace3..c84122f84 100644 --- a/src/ui/page/channel/index.js +++ b/src/ui/page/channel/index.js @@ -1,4 +1,5 @@ import { connect } from 'react-redux'; +import * as settings from 'constants/settings'; import { makeSelectClaimIsMine, makeSelectTitleForUri, @@ -10,6 +11,8 @@ import { } from 'lbry-redux'; import { selectBlackListedOutpoints } from 'lbryinc'; import { makeSelectIsSubscribed } from 'redux/selectors/subscriptions'; +import { doOpenModal } from 'redux/actions/app'; +import { makeSelectClientSetting } from 'redux/selectors/settings'; import ChannelPage from './view'; const select = (state, props) => ({ @@ -22,9 +25,14 @@ const select = (state, props) => ({ isSubscribed: makeSelectIsSubscribed(props.uri, true)(state), channelIsBlocked: selectChannelIsBlocked(props.uri)(state), blackListedOutpoints: selectBlackListedOutpoints(state), + supportOption: makeSelectClientSetting(settings.SUPPORT_OPTION)(state), +}); + +const perform = dispatch => ({ + openModal: (modal, props) => dispatch(doOpenModal(modal, props)), }); export default connect( select, - null + perform )(ChannelPage); diff --git a/src/ui/page/channel/view.jsx b/src/ui/page/channel/view.jsx index 777789d84..e694f3d36 100644 --- a/src/ui/page/channel/view.jsx +++ b/src/ui/page/channel/view.jsx @@ -16,6 +16,7 @@ import ChannelEdit from 'component/channelEdit'; import ClaimUri from 'component/claimUri'; import * as ICONS from 'constants/icons'; import classnames from 'classnames'; +import * as MODALS from 'constants/modal_types'; const PAGE_VIEW_QUERY = `view`; const ABOUT_PAGE = `about`; @@ -37,6 +38,8 @@ type Props = { txid: string, nout: number, }>, + openModal: (id: string, { uri: string, claimIsMine?: boolean, isSupport?: boolean }) => void, + supportOption: boolean, }; function ChannelPage(props: Props) { @@ -53,6 +56,8 @@ function ChannelPage(props: Props) { isSubscribed, channelIsBlocked, blackListedOutpoints, + openModal, + supportOption, } = props; const { channelName } = parseURI(uri); const { search } = location; @@ -127,6 +132,24 @@ function ChannelPage(props: Props) { {editing ? __('Editing Your Channel') : __('About')}
{!channelIsBlocked && !channelIsBlackListed && } + {!channelIsMine && ( +