diff --git a/src/component/fileListItem/view.js b/src/component/fileListItem/view.js index de665d1..498a18b 100644 --- a/src/component/fileListItem/view.js +++ b/src/component/fileListItem/view.js @@ -99,6 +99,7 @@ class FileListItem extends React.PureComponent { isRewardContent, channelClaimId, fullChannelUri, + repostUrl, repostChannel, repostChannelUrl, shortChannelUri, @@ -114,12 +115,13 @@ class FileListItem extends React.PureComponent { channelClaimId = signingChannel ? signingChannel.claim_id : null; fullChannelUri = channelClaimId ? `${channel}#${channelClaimId}` : channel; shortChannelUri = signingChannel ? signingChannel.short_url : null; + repostUrl = claim.repost_url; repostChannelUrl = claim.repost_channel_url; - if (repostChannelUrl) { - const { claimName: repostChannelName } = parseURI(repostChannelUrl); - repostChannel = repostChannelName; + if (repostUrl) { + const { claimName: repostName, channelName } = parseURI(repostUrl); + repostChannel = channelName; } - isRepost = !!repostChannelUrl; + isRepost = !!repostUrl; if (blackListedOutpoints || filteredOutpoints) { const outpointsToHide = !blackListedOutpoints @@ -148,8 +150,17 @@ class FileListItem extends React.PureComponent { navigateToUri(navigation, normalizeURI(repostChannelUrl), null, false, null, false)} + text={`@${repostChannel}`} + onPress={() => + navigateToUri( + navigation, + normalizeURI(repostChannelUrl || `@${repostChannel}`), + null, + false, + null, + false, + ) + } />{' '} reposted diff --git a/src/styles/publish.js b/src/styles/publish.js index a7ebd80..1e5096e 100644 --- a/src/styles/publish.js +++ b/src/styles/publish.js @@ -411,6 +411,7 @@ const publishStyle = StyleSheet.create({ marginTop: 60, }, publishesScrollPadding: { + paddingTop: 16, paddingBottom: 16, }, listItem: { @@ -418,8 +419,9 @@ const publishStyle = StyleSheet.create({ flexDirection: 'row', justifyContent: 'space-between', marginTop: 8, - marginLeft: 8, - marginRight: 8, + marginLeft: 16, + marginRight: 16, + marginBottom: 12, }, noVideos: { color: Colors.White, @@ -443,13 +445,13 @@ const publishStyle = StyleSheet.create({ }, publishesFooter: { marginTop: 2, - marginLeft: 16, - marginRight: 16, + marginLeft: 8, + marginRight: 8, }, publishesFooterButton: { alignSelf: 'flex-start', backgroundColor: Colors.LbryGreen, - marginTop: 16, + marginTop: 8, }, thumbnailEditOverlay: { alignItems: 'center',