diff --git a/src/ui/page/account/index.js b/src/ui/page/account/index.js index 3cf3159df..a6839b4f1 100644 --- a/src/ui/page/account/index.js +++ b/src/ui/page/account/index.js @@ -1,7 +1,10 @@ import { connect } from 'react-redux'; import AccountPage from './view'; +import { selectYoutubeChannels } from 'lbryinc'; -const select = state => ({}); +const select = state => ({ + ytChannels: selectYoutubeChannels(state), +}); export default connect( select, diff --git a/src/ui/page/account/view.jsx b/src/ui/page/account/view.jsx index 80afc16dd..3a4836e06 100644 --- a/src/ui/page/account/view.jsx +++ b/src/ui/page/account/view.jsx @@ -1,3 +1,4 @@ +// @flow import React from 'react'; import classnames from 'classnames'; import RewardSummary from 'component/rewardSummary'; @@ -8,24 +9,32 @@ import UserEmail from 'component/userEmail'; import InvitePage from 'page/invite'; import YoutubeChannelList from 'component/youtubeChannelList'; -const AccountPage = () => ( - - {/* @if TARGET='web' */} - - {/* @endif */} - -
-
- -
- - +type Props = { + ytChannels: Array, +}; + +const AccountPage = (props: Props) => { + const { ytChannels } = props; + const hasYoutubeChannels = Boolean(ytChannels.length); + return ( + + {/* @if TARGET='web' */} + + {/* @endif */} + +
+
+ +
+ + +
+ {hasYoutubeChannels && } +
- - -
- -); + + ); +}; export default AccountPage;