f69097b488
This is a follow up for 2b60fe95
## Issues
- Not every page needs the Category data, so only block for Category pages.
- `categoryPages.length` was rendered as a number while blocking for the fetch.
## Change
It's a chicken-and-egg thing because we don't know what the category path is, but fortunately categories and internal pages start with `/$/`, so we can make a reliable guess. The other internal pages would have matched the defined routes and would not reach this function.
76 lines
2.9 KiB
JavaScript
76 lines
2.9 KiB
JavaScript
import { connect } from 'react-redux';
|
|
import { withRouter } from 'react-router';
|
|
import {
|
|
selectClaimForUri,
|
|
selectIsUriResolving,
|
|
selectClaimIsMine,
|
|
makeSelectClaimIsPending,
|
|
selectGeoRestrictionForUri,
|
|
selectLatestClaimForUri,
|
|
} from 'redux/selectors/claims';
|
|
import {
|
|
makeSelectCollectionForId,
|
|
makeSelectUrlsForCollectionId,
|
|
makeSelectIsResolvingCollectionForId,
|
|
} from 'redux/selectors/collections';
|
|
import { selectHomepageFetched, selectUserVerifiedEmail } from 'redux/selectors/user';
|
|
import { doResolveUri, doFetchLatestClaimForChannel } from 'redux/actions/claims';
|
|
import { doBeginPublish } from 'redux/actions/publish';
|
|
import { doOpenModal } from 'redux/actions/app';
|
|
import { doFetchItemsInCollection } from 'redux/actions/collections';
|
|
import { isStreamPlaceholderClaim } from 'util/claim';
|
|
import * as COLLECTIONS_CONSTS from 'constants/collections';
|
|
import { selectIsSubscribedForUri } from 'redux/selectors/subscriptions';
|
|
import { selectBlacklistedOutpointMap } from 'lbryinc';
|
|
import { selectActiveLiveClaimForChannel } from 'redux/selectors/livestream';
|
|
import { doFetchChannelLiveStatus } from 'redux/actions/livestream';
|
|
import ShowPage from './view';
|
|
|
|
const select = (state, props) => {
|
|
const { uri, location, liveContentPath } = props;
|
|
const { search } = location;
|
|
|
|
const urlParams = new URLSearchParams(search);
|
|
|
|
const claim = selectClaimForUri(state, uri);
|
|
const collectionId =
|
|
urlParams.get(COLLECTIONS_CONSTS.COLLECTION_ID) ||
|
|
(claim && claim.value_type === 'collection' && claim.claim_id) ||
|
|
null;
|
|
|
|
const { canonical_url: canonicalUrl, claim_id: claimId } = claim || {};
|
|
const latestContentClaim = liveContentPath
|
|
? selectActiveLiveClaimForChannel(state, claimId)
|
|
: selectLatestClaimForUri(state, canonicalUrl);
|
|
const latestClaimUrl = latestContentClaim && latestContentClaim.canonical_url;
|
|
|
|
return {
|
|
uri,
|
|
claim,
|
|
latestClaimUrl,
|
|
isResolvingUri: selectIsUriResolving(state, uri),
|
|
blackListedOutpointMap: selectBlacklistedOutpointMap(state),
|
|
isSubscribed: selectIsSubscribedForUri(state, uri),
|
|
claimIsMine: selectClaimIsMine(state, claim),
|
|
claimIsPending: makeSelectClaimIsPending(uri)(state),
|
|
isLivestream: isStreamPlaceholderClaim(claim),
|
|
collection: makeSelectCollectionForId(collectionId)(state),
|
|
collectionId,
|
|
collectionUrls: makeSelectUrlsForCollectionId(collectionId)(state),
|
|
isResolvingCollection: makeSelectIsResolvingCollectionForId(collectionId)(state),
|
|
isAuthenticated: selectUserVerifiedEmail(state),
|
|
geoRestriction: selectGeoRestrictionForUri(state, uri),
|
|
homepageFetched: selectHomepageFetched(state),
|
|
};
|
|
};
|
|
|
|
const perform = {
|
|
doResolveUri,
|
|
doBeginPublish,
|
|
doFetchItemsInCollection,
|
|
doOpenModal,
|
|
fetchLatestClaimForChannel: doFetchLatestClaimForChannel,
|
|
fetchChannelLiveStatus: doFetchChannelLiveStatus,
|
|
};
|
|
|
|
export default withRouter(connect(select, perform)(ShowPage));
|