LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

note infinite claim_search

Browse source
This commit is contained in:
zeppi 2021-07-01 16:21:45 -04:00
parent 8d0d207f08
commit 8a81f3d46b
1 changed files with 64 additions and 62 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
ui/page/channelsFollowingDiscover/view.jsx
View file

@ -29,39 +29,44 @@ type ChannelsFollowingItem = {
function ChannelsFollowingDiscover(props: Props) { function ChannelsFollowingDiscover(props: Props) {
const { followedTags, subscribedChannels, blockedChannels, homepageData } = props; const { followedTags, subscribedChannels, blockedChannels, homepageData } = props;
const { PRIMARY_CONTENT_CHANNEL_IDS } = homepageData; const { PRIMARY_CONTENT_CHANNEL_IDS } = homepageData;
let rowData: Array<ChannelsFollowingItem> = []; // let rowData: Array<ChannelsFollowingItem> = [];
const notChannels = subscribedChannels const notChannels = subscribedChannels
.map(({ uri }) => uri) .map(({ uri }) => uri)
.concat(blockedChannels) .concat(blockedChannels)
.map(uri => uri.split('#')[1]); .map(uri => uri.split('#')[1]);
rowData.push({ const getRowData = () => {
const rData = [];
rData.push({
title: 'Top Channels Of All Time', title: 'Top Channels Of All Time',
link: `/$/${PAGES.DISCOVER}?claim_type=channel&${CS.ORDER_BY_KEY}=${CS.ORDER_BY_TOP}&${CS.FRESH_KEY}=${CS.FRESH_ALL}`, link: `/$/${PAGES.DISCOVER}?claim_type=channel&${CS.ORDER_BY_KEY}=${CS.ORDER_BY_TOP}&${CS.FRESH_KEY}=${CS.FRESH_ALL}`,
options: { options: {
pageSize: 12, pageSize: 12,
claimType: 'channel', claimType: 'channel',
orderBy: ['effective_amount'], orderBy: ['effective_amount'],
notChannels,
}, },
}); });
rowData.push({ rData.push({
title: 'Latest From @lbrycast', title: 'Latest From @lbrycast',
link: `/@lbrycast:4`, link: `/@lbrycast:4`,
options: { options: {
orderBy: ['release_time'], orderBy: ['release_time'],
pageSize: 8, pageSize: 8,
channelIds: ['4c29f8b013adea4d5cca1861fb2161d5089613ea'], channelIds: ['4c29f8b013adea4d5cca1861fb2161d5089613ea'],
notChannels,
}, },
}); });
rowData.push({ rData.push({
title: 'Trending Channels', title: 'Trending Channels',
link: `/$/${PAGES.DISCOVER}?claim_type=channel`, link: `/$/${PAGES.DISCOVER}?claim_type=channel`,
options: { options: {
pageSize: 8, pageSize: 8,
claimType: 'channel', claimType: 'channel',
orderBy: ['trending_group', 'trending_mixed'], orderBy: ['trending_group', 'trending_mixed'],
notChannels,
}, },
}); });
@ -73,35 +78,30 @@ function ChannelsFollowingDiscover(props: Props) {
claimType: 'channel', claimType: 'channel',
pageSize: 4, pageSize: 4,
tags: [tag.name], tags: [tag.name],
notChannels,
}, },
})); }));
rowData.push(...followedRows); rData.push(...followedRows);
} }
if (followedTags.length > 4) { if (followedTags.length > 4) {
rowData.push({ rData.push({
title: 'Trending For Your Tags', title: 'Trending For Your Tags',
link: `/$/${PAGES.TAGS_FOLLOWING}?claim_type=channel`, link: `/$/${PAGES.TAGS_FOLLOWING}?claim_type=channel`,
options: { options: {
claimType: 'channel', claimType: 'channel',
tags: followedTags.map(tag => tag.name), tags: followedTags.map(tag => tag.name),
notChannels,
}, },
}); });
} }
return rData;
const rowDataWithGenericOptions = rowData.map(row => {
return {
...row,
options: {
...row.options,
notChannels,
},
}; };
}); const [rowData] = React.useState(getRowData() || []);
return ( return (
<Page> <Page>
{rowDataWithGenericOptions.map(({ title, link, help, options = {} }) => ( {rowData.map(({ title, link, help, options = {} }) => (
<div key={title} className="claim-grid__wrapper"> <div key={title} className="claim-grid__wrapper">
<h1 className="section__actions"> <h1 className="section__actions">
{link ? ( {link ? (
@ -117,7 +117,7 @@ function ChannelsFollowingDiscover(props: Props) {
)} )}
{help} {help}
</h1> </h1>
{ /* This does infinite claim_search if apis are down */ }
<ClaimTilesDiscover {...options} /> <ClaimTilesDiscover {...options} />
</div> </div>
))} ))}
@ -125,6 +125,7 @@ function ChannelsFollowingDiscover(props: Props) {
{__('More Channels')} {__('More Channels')}
</h1> </h1>
{/* odysee: claimIds = PRIMARY_CONTENT_CHANNEL_IDS if simplesite CLD */} {/* odysee: claimIds = PRIMARY_CONTENT_CHANNEL_IDS if simplesite CLD */}
<ClaimListDiscover <ClaimListDiscover
defaultOrderBy={CS.ORDER_BY_TRENDING} defaultOrderBy={CS.ORDER_BY_TRENDING}
defaultFreshness={CS.FRESH_ALL} defaultFreshness={CS.FRESH_ALL}
@ -132,6 +133,7 @@ function ChannelsFollowingDiscover(props: Props) {
claimIds={SIMPLE_SITE ? PRIMARY_CONTENT_CHANNEL_IDS : undefined} claimIds={SIMPLE_SITE ? PRIMARY_CONTENT_CHANNEL_IDS : undefined}
scrollAnchor={MORE_CHANNELS_ANCHOR} scrollAnchor={MORE_CHANNELS_ANCHOR}
/> />
</Page> </Page>
); );
} }