diff --git a/ui/component/claimCollectionAdd/view.jsx b/ui/component/claimCollectionAdd/view.jsx index 665e46344..98f872955 100644 --- a/ui/component/claimCollectionAdd/view.jsx +++ b/ui/component/claimCollectionAdd/view.jsx @@ -79,7 +79,7 @@ const ClaimCollectionAdd = (props: Props) => { .filter((list) => (isChannel ? list.type === 'collection' : list.type === 'playlist')) .map((l) => { const { id } = l; - return ; + return ; })} {unpublished && (Object.values(unpublished): any) @@ -88,7 +88,7 @@ const ClaimCollectionAdd = (props: Props) => { .map((l) => { const { id } = l; return ( - + ); })} {published && @@ -96,7 +96,7 @@ const ClaimCollectionAdd = (props: Props) => { // $FlowFixMe const { id } = l; return ( - + ); })} diff --git a/ui/component/claimMenuList/view.jsx b/ui/component/claimMenuList/view.jsx index 92a285b13..e57b64649 100644 --- a/ui/component/claimMenuList/view.jsx +++ b/ui/component/claimMenuList/view.jsx @@ -80,6 +80,8 @@ function ClaimMenuList(props: Props) { doChannelUnsubscribe, isChannelPage = false, } = props; + const repostedContent = claim && claim.reposted_claim; + const contentClaim = repostedContent || claim; const incognito = channelUri && !(channelUri.includes('@')); const signingChannel = claim && (claim.signing_channel || claim); const permanentUrl = String(channelUri); @@ -96,12 +98,13 @@ function ClaimMenuList(props: Props) { const isCollectionClaim = claim && claim.value_type === 'collection'; // $FlowFixMe const isPlayable = - claim && - !claim.repost_url && + contentClaim && // $FlowFixMe - claim.value.stream_type && + contentClaim.value && // $FlowFixMe - (claim.value.stream_type === 'audio' || claim.value.stream_type === 'video'); + contentClaim.value.stream_type && + // $FlowFixMe + (contentClaim.value.stream_type === 'audio' || contentClaim.value.stream_type === 'video'); function handleFollow() { const { channelName } = parseURI(permanentUrl); @@ -172,7 +175,8 @@ function ClaimMenuList(props: Props) { } function handleReportContent() { - push(`/$/${PAGES.REPORT_CONTENT}?claimId=${claim.claim_id}`); + // $FlowFixMe + push(`/$/${PAGES.REPORT_CONTENT}?claimId=${(repostedContent && repostedContent.claim_id) || claim.claim_id}`); } return ( @@ -218,7 +222,7 @@ function ClaimMenuList(props: Props) { }), }); doCollectionEdit(COLLECTIONS_CONSTS.WATCH_LATER_ID, { - claims: [claim], + claims: [contentClaim], remove: hasClaimInWatchLater, type: 'playlist', }); diff --git a/ui/component/collectionSelectItem/index.js b/ui/component/collectionSelectItem/index.js index f5cab64cf..613ef30ce 100644 --- a/ui/component/collectionSelectItem/index.js +++ b/ui/component/collectionSelectItem/index.js @@ -1,7 +1,6 @@ import { connect } from 'react-redux'; import { doCollectionEdit, - makeSelectClaimForUri, makeSelectCollectionForId, makeSelectClaimIsPending, makeSelectCollectionForIdHasClaimUrl, @@ -12,7 +11,6 @@ const select = (state, props) => { return { collection: makeSelectCollectionForId(props.collectionId)(state), hasClaim: makeSelectCollectionForIdHasClaimUrl(props.collectionId, props.uri)(state), - claim: makeSelectClaimForUri(props.uri)(state), collectionPending: makeSelectClaimIsPending(props.collectionId)(state), }; };