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) {