ebda47576d
Completely remove it for now to make the commit deltas clearer. We'll replace it with the new method at the end.
54 lines
1.7 KiB
JavaScript
54 lines
1.7 KiB
JavaScript
// @flow
|
|
import * as PAGES from 'constants/pages';
|
|
import * as ICONS from 'constants/icons';
|
|
import * as CS from 'constants/claim_search';
|
|
import { SIMPLE_SITE, ENABLE_NO_SOURCE_CLAIMS } from 'config';
|
|
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';
|
|
import { splitBySeparator } from 'lbry-redux';
|
|
|
|
type Props = {
|
|
subscribedChannels: Array<Subscription>,
|
|
tileLayout: boolean,
|
|
};
|
|
|
|
function ChannelsFollowingPage(props: Props) {
|
|
const { subscribedChannels, tileLayout } = props;
|
|
const hasSubsribedChannels = subscribedChannels.length > 0;
|
|
|
|
return !hasSubsribedChannels ? (
|
|
<ChannelsFollowingDiscoverPage />
|
|
) : (
|
|
<Page noFooter fullWidthPage={tileLayout}>
|
|
<ClaimListDiscover
|
|
hideAdvancedFilter={SIMPLE_SITE}
|
|
streamType={SIMPLE_SITE ? CS.CONTENT_ALL : undefined}
|
|
tileLayout={tileLayout}
|
|
headerLabel={
|
|
<span>
|
|
<Icon icon={ICONS.SUBSCRIBE} size={10} />
|
|
{__('Following')}
|
|
</span>
|
|
}
|
|
defaultOrderBy={CS.ORDER_BY_NEW}
|
|
channelIds={subscribedChannels.map((sub) => splitBySeparator(sub.uri)[1])}
|
|
meta={
|
|
<Button
|
|
icon={ICONS.SEARCH}
|
|
button="secondary"
|
|
label={__('Discover Channels')}
|
|
navigate={`/$/${PAGES.CHANNELS_FOLLOWING_DISCOVER}`}
|
|
/>
|
|
}
|
|
showNoSourceClaims={ENABLE_NO_SOURCE_CLAIMS}
|
|
hasSource
|
|
/>
|
|
</Page>
|
|
);
|
|
}
|
|
|
|
export default ChannelsFollowingPage;
|