truncate long channel names on file page

app/src/component/link/view.js

@@ -35,6 +35,8 @@ export default class Link extends React.PureComponent {
 
   render() {
     const {
+      ellipsizeMode,
+      numberOfLines,
       onPress,
       style,
       text
@@ -54,7 +56,13 @@ export default class Link extends React.PureComponent {
     }
 
     return (
-      <Text style={styles} onPress={onPress ? onPress : this.handlePress}>{text}</Text>
+      <Text
+        style={styles}
+        numberOfLines={numberOfLines}
+        ellipsizeMode={ellipsizeMode}
+        onPress={onPress ? onPress : this.handlePress}>
+        {text}
+      </Text>
     );
   }
 };

app/src/page/file/view.js

@@ -568,12 +568,14 @@ class FilePage extends React.PureComponent {
                   {channelName &&
                     <View style={filePageStyle.channelRow}>
                       <Link style={filePageStyle.channelName}
-                                        selectable={true}
+                            selectable={true}
-                                        text={channelName}
+                            text={channelName}
-                                        onPress={() => {
+                            numberOfLines={1}
-                                          const channelUri = normalizeURI(channelName);
+                            ellipsizeMode={"tail"}
-                                          navigateToUri(navigation, channelUri);
+                            onPress={() => {
-                                        }} />
+                              const channelUri = normalizeURI(channelName);
+                              navigateToUri(navigation, channelUri);
+                            }} />
                       <View style={filePageStyle.subscriptionRow}>
                         <SubscribeButton
                           style={filePageStyle.actionButton}

app/src/styles/filePage.js

@@ -74,6 +74,7 @@ const filePageStyle = StyleSheet.create({
     fontFamily: 'Inter-UI-SemiBold',
     fontSize: 20,
     marginTop: 6,
+    width: '49%',
     color: Colors.LbryGreen
   },
   description: {