display reposts properly on publishes page

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 {
             <Icon name={'retweet'} size={14} style={fileListStyle.repostIcon} />
             <Text style={fileListStyle.repostChannelName}>
               <Link
-                text={repostChannel}
-                onPress={() => navigateToUri(navigation, normalizeURI(repostChannelUrl), null, false, null, false)}
+                text={`@${repostChannel}`}
+                onPress={() =>
+                  navigateToUri(
+                    navigation,
+                    normalizeURI(repostChannelUrl || `@${repostChannel}`),
+                    null,
+                    false,
+                    null,
+                    false,
+                  )
+                }
               />{' '}
               reposted
             </Text>

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',