paginates over search count rather than channel claim count
This commit is contained in:
parent
ab5f7592ad
commit
f21925beab
4 changed files with 29 additions and 19 deletions
|
@ -887,5 +887,7 @@
|
||||||
"with lbry.tv to receive notifications related to new content.": "with lbry.tv to receive notifications related to new content.",
|
"with lbry.tv to receive notifications related to new content.": "with lbry.tv to receive notifications related to new content.",
|
||||||
"An email was sent to %email%. Follow the link to %verify_text%. After, this page will update automatically.": "An email was sent to %email%. Follow the link to %verify_text%. After, this page will update automatically.",
|
"An email was sent to %email%. Follow the link to %verify_text%. After, this page will update automatically.": "An email was sent to %email%. Follow the link to %verify_text%. After, this page will update automatically.",
|
||||||
"Your email preferences": "Your email preferences",
|
"Your email preferences": "Your email preferences",
|
||||||
"allow you to receive notifications related to new content.": "allow you to receive notifications related to new content."
|
"allow you to receive notifications related to new content.": "allow you to receive notifications related to new content.",
|
||||||
|
"files": "files",
|
||||||
|
"Invalid claim ID %claimId%.": "Invalid claim ID %claimId%."
|
||||||
}
|
}
|
|
@ -5,7 +5,7 @@ import {
|
||||||
makeSelectClaimsInChannelForPage,
|
makeSelectClaimsInChannelForPage,
|
||||||
makeSelectFetchingChannelClaims,
|
makeSelectFetchingChannelClaims,
|
||||||
makeSelectClaimIsMine,
|
makeSelectClaimIsMine,
|
||||||
makeSelectTotalPagesForChannel,
|
makeSelectTotalPagesInChannelSearch,
|
||||||
selectChannelIsBlocked,
|
selectChannelIsBlocked,
|
||||||
} from 'lbry-redux';
|
} from 'lbry-redux';
|
||||||
import { withRouter } from 'react-router';
|
import { withRouter } from 'react-router';
|
||||||
|
@ -16,9 +16,9 @@ const select = (state, props) => {
|
||||||
const urlParams = new URLSearchParams(search);
|
const urlParams = new URLSearchParams(search);
|
||||||
const page = urlParams.get('page') || 0;
|
const page = urlParams.get('page') || 0;
|
||||||
return {
|
return {
|
||||||
claimsInChannel: makeSelectClaimsInChannelForPage(props.uri, page)(state),
|
pageOfClaimsInChannel: makeSelectClaimsInChannelForPage(props.uri, page)(state),
|
||||||
fetching: makeSelectFetchingChannelClaims(props.uri)(state),
|
fetching: makeSelectFetchingChannelClaims(props.uri)(state),
|
||||||
totalPages: makeSelectTotalPagesForChannel(props.uri, PAGE_SIZE)(state),
|
totalPages: makeSelectTotalPagesInChannelSearch(props.uri, PAGE_SIZE)(state),
|
||||||
channelIsMine: makeSelectClaimIsMine(props.uri)(state),
|
channelIsMine: makeSelectClaimIsMine(props.uri)(state),
|
||||||
channelIsBlocked: selectChannelIsBlocked(props.uri)(state),
|
channelIsBlocked: selectChannelIsBlocked(props.uri)(state),
|
||||||
};
|
};
|
||||||
|
|
|
@ -12,7 +12,7 @@ type Props = {
|
||||||
totalPages: number,
|
totalPages: number,
|
||||||
fetching: boolean,
|
fetching: boolean,
|
||||||
params: { page: number },
|
params: { page: number },
|
||||||
claimsInChannel: Array<StreamClaim>,
|
pageOfClaimsInChannel: Array<StreamClaim>,
|
||||||
channelIsBlocked: boolean,
|
channelIsBlocked: boolean,
|
||||||
channelIsMine: boolean,
|
channelIsMine: boolean,
|
||||||
fetchClaims: (string, number) => void,
|
fetchClaims: (string, number) => void,
|
||||||
|
@ -23,15 +23,14 @@ function ChannelContent(props: Props) {
|
||||||
const {
|
const {
|
||||||
uri,
|
uri,
|
||||||
fetching,
|
fetching,
|
||||||
claimsInChannel,
|
pageOfClaimsInChannel,
|
||||||
totalPages,
|
totalPages,
|
||||||
channelIsMine,
|
channelIsMine,
|
||||||
channelIsBlocked,
|
channelIsBlocked,
|
||||||
|
|
||||||
fetchClaims,
|
fetchClaims,
|
||||||
channelIsBlackListed,
|
channelIsBlackListed,
|
||||||
} = props;
|
} = props;
|
||||||
const hasContent = Boolean(claimsInChannel && claimsInChannel.length);
|
const hasContent = Boolean(pageOfClaimsInChannel && pageOfClaimsInChannel.length);
|
||||||
return (
|
return (
|
||||||
<Fragment>
|
<Fragment>
|
||||||
{fetching && !hasContent && (
|
{fetching && !hasContent && (
|
||||||
|
@ -68,7 +67,7 @@ function ChannelContent(props: Props) {
|
||||||
{!channelIsMine && <HiddenNsfwClaims uri={uri} />}
|
{!channelIsMine && <HiddenNsfwClaims uri={uri} />}
|
||||||
|
|
||||||
{hasContent && !channelIsBlocked && !channelIsBlackListed && (
|
{hasContent && !channelIsBlocked && !channelIsBlackListed && (
|
||||||
<ClaimList header={false} uris={claimsInChannel.map(claim => claim && claim.canonical_url)} />
|
<ClaimList header={false} uris={pageOfClaimsInChannel.map(claim => claim && claim.canonical_url)} />
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{!channelIsBlocked && !channelIsBlackListed && (
|
{!channelIsBlocked && !channelIsBlackListed && (
|
||||||
|
|
|
@ -12,6 +12,7 @@ import { setSubscriptionLatest, doUpdateUnreadSubscriptions } from 'redux/action
|
||||||
import { makeSelectUnreadByChannel } from 'redux/selectors/subscriptions';
|
import { makeSelectUnreadByChannel } from 'redux/selectors/subscriptions';
|
||||||
import {
|
import {
|
||||||
ACTIONS,
|
ACTIONS,
|
||||||
|
MATURE_TAGS,
|
||||||
Lbry,
|
Lbry,
|
||||||
Lbryapi,
|
Lbryapi,
|
||||||
makeSelectFileInfoForUri,
|
makeSelectFileInfoForUri,
|
||||||
|
@ -137,21 +138,28 @@ export function doSetPlayingUri(uri: ?string) {
|
||||||
}
|
}
|
||||||
|
|
||||||
export function doFetchClaimsByChannel(uri: string, page: number = 1, pageSize: number = PAGE_SIZE) {
|
export function doFetchClaimsByChannel(uri: string, page: number = 1, pageSize: number = PAGE_SIZE) {
|
||||||
return (dispatch: Dispatch) => {
|
return (dispatch: Dispatch, getState: GetState) => {
|
||||||
dispatch({
|
const state = getState();
|
||||||
type: ACTIONS.FETCH_CHANNEL_CLAIMS_STARTED,
|
const showMature = makeSelectClientSetting(SETTINGS.SHOW_MATURE)(state);
|
||||||
data: { uri, page },
|
const params = {
|
||||||
});
|
|
||||||
|
|
||||||
Lbry.claim_search({
|
|
||||||
channel: uri,
|
channel: uri,
|
||||||
page,
|
page,
|
||||||
page_size: pageSize,
|
page_size: pageSize,
|
||||||
valid_channel_signature: true,
|
valid_channel_signature: true,
|
||||||
order_by: ['release_time'],
|
order_by: ['release_time'],
|
||||||
}).then(result => {
|
};
|
||||||
const { items: claims, total_items: claimsInChannel, page: returnedPage } = result;
|
|
||||||
|
|
||||||
|
if (!showMature) {
|
||||||
|
params['not_tags'] = MATURE_TAGS;
|
||||||
|
}
|
||||||
|
|
||||||
|
dispatch({
|
||||||
|
type: ACTIONS.FETCH_CHANNEL_CLAIMS_STARTED,
|
||||||
|
data: { uri, page },
|
||||||
|
});
|
||||||
|
|
||||||
|
Lbry.claim_search(params).then(result => {
|
||||||
|
const { items: claims, page: returnedPage, total_items: claimsInChannel, total_pages: pageTotal } = result;
|
||||||
if (claims && claims.length) {
|
if (claims && claims.length) {
|
||||||
if (page === 1) {
|
if (page === 1) {
|
||||||
const latest = claims[0];
|
const latest = claims[0];
|
||||||
|
@ -174,6 +182,7 @@ export function doFetchClaimsByChannel(uri: string, page: number = 1, pageSize:
|
||||||
claimsInChannel,
|
claimsInChannel,
|
||||||
claims: claims || [],
|
claims: claims || [],
|
||||||
page: returnedPage || undefined,
|
page: returnedPage || undefined,
|
||||||
|
totalPages: pageTotal,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
Loading…
Reference in a new issue