9dc9d50e19
changes almost done wip wip more changes after comment detect custom qs and show options ux and mobile styling bugfix console logs appstrings
46 lines
1.3 KiB
JavaScript
46 lines
1.3 KiB
JavaScript
// @flow
|
|
import * as PAGES from 'constants/pages';
|
|
import * as ICONS from 'constants/icons';
|
|
import { ORDER_BY_NEW } from 'constants/claim_search';
|
|
import React from 'react';
|
|
import ChannelsFollowingDiscoverPage from 'page/channelsFollowingDiscover';
|
|
import ClaimListDiscover from 'component/claimListDiscover';
|
|
import Page from 'component/page';
|
|
import Button from 'component/button';
|
|
import Icon from 'component/common/icon';
|
|
|
|
type Props = {
|
|
subscribedChannels: Array<Subscription>,
|
|
};
|
|
|
|
function ChannelsFollowingPage(props: Props) {
|
|
const { subscribedChannels } = props;
|
|
const hasSubsribedChannels = subscribedChannels.length > 0;
|
|
|
|
return !hasSubsribedChannels ? (
|
|
<ChannelsFollowingDiscoverPage />
|
|
) : (
|
|
<Page>
|
|
<ClaimListDiscover
|
|
headerLabel={
|
|
<span>
|
|
<Icon icon={ICONS.SUBSCRIBE} size={10} />
|
|
{__('Following')}
|
|
</span>
|
|
}
|
|
defaultOrderBy={ORDER_BY_NEW}
|
|
channelIds={subscribedChannels.map(sub => sub.uri.split('#')[1])}
|
|
meta={
|
|
<Button
|
|
icon={ICONS.SEARCH}
|
|
button="link"
|
|
label={__('Discover New Channels')}
|
|
navigate={`/$/${PAGES.CHANNELS_FOLLOWING_DISCOVER}`}
|
|
/>
|
|
}
|
|
/>
|
|
</Page>
|
|
);
|
|
}
|
|
|
|
export default ChannelsFollowingPage;
|