src/component/AppNavigator.js

@@ -27,7 +27,15 @@ import {
   createNavigationReducer,
 } from 'react-navigation-redux-helpers';
 import { connect } from 'react-redux';
-import { AppState, BackHandler, Linking, NativeModules, TextInput, ToastAndroid } from 'react-native';
+import {
+  AppState,
+  BackHandler,
+  DeviceEventEmitter,
+  Linking,
+  NativeModules,
+  TextInput,
+  ToastAndroid,
+} from 'react-native';
 import { selectDrawerStack } from 'redux/selectors/drawer';
 import { SETTINGS, doDismissToast, doPopulateSharedUserState, doPreferenceGet, doToast, selectToast } from 'lbry-redux';
 import {

src/component/fileItem/view.js

@@ -66,7 +66,9 @@ class FileItem extends React.PureComponent {
 
     let shouldHide = false;
     if (blackListedOutpoints || filteredOutpoints) {
-      const outpointsToHide = blackListedOutpoints.concat(filteredOutpoints);
+      const outpointsToHide = !blackListedOutpoints
+        ? filteredOutpoints
+        : blackListedOutpoints.concat(filteredOutpoints);
       shouldHide = outpointsToHide.some(outpoint => outpoint.txid === claim.txid && outpoint.nout === claim.nout);
     }
     if (shouldHide) {

src/component/fileListItem/view.js

@@ -120,7 +120,9 @@ class FileListItem extends React.PureComponent {
       shortChannelUri = signingChannel ? signingChannel.short_url : null;
 
       if (blackListedOutpoints || filteredOutpoints) {
-        const outpointsToHide = blackListedOutpoints.concat(filteredOutpoints);
+        const outpointsToHide = !blackListedOutpoints
+          ? filteredOutpoints
+          : blackListedOutpoints.concat(filteredOutpoints);
         shouldHide = outpointsToHide.some(outpoint => outpoint.txid === claim.txid && outpoint.nout === claim.nout);
       }
 

src/component/suggestedSubscriptionItem/view.js

@@ -72,7 +72,9 @@ class SuggestedSubscriptionItem extends React.PureComponent {
           )}
         </View>
 
-        <SubscribeButton style={subscriptionsStyle.suggestedItemSubscribe} uri={normalizeURI(uri)} />
+        {claim && (
+          <SubscribeButton style={subscriptionsStyle.suggestedItemSubscribe} uri={normalizeURI(claim.permanent_url)} />
+        )}
       </View>
     );
   }

src/component/walletSend/view.js

@@ -82,7 +82,8 @@ class WalletSend extends React.PureComponent<Props> {
 
   render() {
     const { balance } = this.props;
-    const canSend = this.state.address && this.state.amount > 0 && this.state.address.trim().length > 0;
+    const canSend =
+      this.state.address && this.state.amount > 0 && this.state.address.trim().length > 0 && this.state.addressValid;
 
     return (
       <View style={walletStyle.card}>
@@ -94,7 +95,7 @@ class WalletSend extends React.PureComponent<Props> {
               this.setState({
                 address: value,
                 addressChanged: true,
-                addressValid: value.trim().length == 0 || regexAddress.test(value),
+                addressValid: value.trim().length === 0 || regexAddress.test(value),
               })
             }
             onBlur={this.handleAddressInputBlur}

src/page/file/view.js

@@ -6,6 +6,7 @@ import {
   Alert,
   DeviceEventEmitter,
   Dimensions,
+  Image,
   Linking,
   NativeModules,
   ScrollView,
@@ -739,6 +740,7 @@ class FilePage extends React.PureComponent {
       const isWebViewable = mediaType === 'text';
       const canOpen = isViewable && completed;
       const localFileUri = this.localUriForFileInfo(fileInfo);
+      const unsupported = !isPlayable && !canOpen;
 
       const openFile = () => {
         if (mediaType === 'image') {
@@ -809,9 +811,30 @@ class FilePage extends React.PureComponent {
                     thumbnail={thumbnail}
                   />
                 )}
-                {(!this.state.downloadButtonShown || this.state.downloadPressed) && !this.state.mediaLoaded && (
+                {!unsupported &&
+                  (!this.state.downloadButtonShown || this.state.downloadPressed) &&
+                  !this.state.mediaLoaded && (
                   <ActivityIndicator size="large" color={Colors.NextLbryGreen} style={filePageStyle.loading} />
                 )}
+
+                {unsupported && fileInfo && completed && (
+                  <View style={filePageStyle.unsupportedContent}>
+                    <Image
+                      style={filePageStyle.unsupportedContentImage}
+                      resizeMode={'stretch'}
+                      source={require('../../assets/gerbil-happy.png')}
+                    />
+                    <View style={filePageStyle.unspportedContentTextContainer}>
+                      <Text style={filePageStyle.unsupportedContentTitle}>Unsupported Content</Text>
+                      <Text style={filePageStyle.unsupportedContentText}>
+                        Sorry, we are unable to display this content in the app. You can find the file named{' '}
+                        <Text style={filePageStyle.unsupportedContentFilename}>{fileInfo.file_name}</Text> in your
+                        downloads folder.
+                      </Text>
+                    </View>
+                  </View>
+                )}
+
                 {((isPlayable && !completed && !canLoadMedia) ||
                   canOpen ||
                   (!completed && !this.state.streamingMode)) &&

src/page/search/view.js

@@ -142,7 +142,7 @@ class SearchPage extends React.PureComponent {
         <FileListItem uri={currentUri} featuredResult style={searchStyle.featuredResultItem} navigation={navigation} />
         {showTagResult && (
           <TouchableOpacity style={searchStyle.tagResultItem} onPress={() => this.handleTagResultPressed(query)}>
-            <Text style={searchStyle.tagResultTitle}>#{query}</Text>
+            <Text style={searchStyle.tagResultTitle}>#{query.toLowerCase()}</Text>
             <Text style={searchStyle.tagResultDescription}>Explore content for this tag</Text>
           </TouchableOpacity>
         )}
@@ -152,7 +152,7 @@ class SearchPage extends React.PureComponent {
 
   handleTagResultPressed = tag => {
     const { navigation } = this.props;
-    navigation.navigate({ routeName: Constants.DRAWER_ROUTE_TAG, key: `tagPage`, params: { tag } });
+    navigation.navigate({ routeName: Constants.DRAWER_ROUTE_TAG, key: `tagPage`, params: { tag: tag.toLowerCase() } });
   };
 
   render() {

src/page/settings/view.js

@@ -140,7 +140,7 @@ class SettingsPage extends React.PureComponent {
 
           <View style={settingsStyle.row}>
             <View style={settingsStyle.switchText}>
-              <Text style={settingsStyle.label}>{__('Tags you follow')}</Text>
+              <Text style={settingsStyle.label}>{__('Content Interests')}</Text>
             </View>
             <View style={settingsStyle.switchContainer}>
               <Switch

src/page/splash/view.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Lbry, doPreferenceGet } from 'lbry-redux';
 import { Lbryio } from 'lbryinc';
-import { ActivityIndicator, Linking, NativeModules, Platform, Text, View } from 'react-native';
+import { ActivityIndicator, DeviceEventEmitter, Linking, NativeModules, Platform, Text, View } from 'react-native';
 import { NavigationActions, StackActions } from 'react-navigation';
 import { decode as atob } from 'base-64';
 import { navigateToUri, transformUrl } from 'utils/helper';
@@ -52,7 +52,10 @@ class SplashScreen extends React.PureComponent {
     });
     navigation.dispatch(resetAction);
 
-    const launchUrl = navigation.state.params ? navigation.state.params.launchUrl : this.state.launchUrl;
+    const launchUrl =
+      navigation.state.params && navigation.state.params.launchUrl
+        ? navigation.state.params.launchUrl
+        : this.state.launchUrl;
     if (launchUrl) {
       if (launchUrl.startsWith('lbry://?verify=')) {
         let verification = {};
@@ -118,6 +121,12 @@ class SplashScreen extends React.PureComponent {
     );
   };
 
+  onNotificationTargetLaunch = evt => {
+    if (evt.url && evt.url.startsWith('lbry://')) {
+      this.setState({ launchUrl: evt.url });
+    }
+  };
+
   finishSplashScreen = () => {
     const {
       authenticate,
@@ -149,7 +158,10 @@ class SplashScreen extends React.PureComponent {
         NativeModules.VersionInfo.getAppVersion().then(appVersion => {
           this.setState({ shouldAuthenticate: true });
           NativeModules.Firebase.getMessagingToken()
-            .then(firebaseToken => authenticate(appVersion, Platform.OS, firebaseToken))
+            .then(firebaseToken => {
+              console.log(firebaseToken);
+              authenticate(appVersion, Platform.OS, firebaseToken);
+            })
             .catch(() => authenticate(appVersion, Platform.OS));
         });
       }
@@ -250,6 +262,14 @@ class SplashScreen extends React.PureComponent {
     }, 1000);
   }
 
+  componentWillMount() {
+    DeviceEventEmitter.addListener('onNotificationTargetLaunch', this.onNotificationTargetLaunch);
+  }
+
+  componentWillUnmount() {
+    DeviceEventEmitter.removeListener('onNotificationTargetLaunch', this.onNotificationTargetLaunch);
+  }
+
   componentDidMount() {
     NativeModules.Firebase.track('app_launch', null);
     NativeModules.Firebase.setCurrentScreen('Splash');
@@ -259,6 +279,26 @@ class SplashScreen extends React.PureComponent {
       if (url) {
         this.setState({ launchUrl: url });
       }
+
+      NativeModules.UtilityModule.getNotificationLaunchTarget().then(target => {
+        if (target) {
+          this.setState({ launchUrl: target });
+        }
+
+        // Only connect after checking initial launch url / notification launch target
+        Lbry.connect()
+          .then(() => {
+            this.updateStatus();
+          })
+          .catch(e => {
+            this.setState({
+              isLagging: true,
+              message: 'Connection Failure',
+              details:
+                'We could not establish a connection to the daemon. Your data connection may be preventing LBRY from connecting. Contact hello@lbry.com if you think this is a software bug.',
+            });
+          });
+      });
     });
 
     // Start measuring the first launch time from the splash screen
@@ -270,19 +310,6 @@ class SplashScreen extends React.PureComponent {
         AsyncStorage.setItem('firstLaunchTime', String(moment().unix()));
       }
     });
-
-    Lbry.connect()
-      .then(() => {
-        this.updateStatus();
-      })
-      .catch(e => {
-        this.setState({
-          isLagging: true,
-          message: 'Connection Failure',
-          details:
-            'We could not establish a connection to the daemon. Your data connection may be preventing LBRY from connecting. Contact hello@lbry.com if you think this is a software bug.',
-        });
-      });
   }
 
   handleContinueAnywayPressed = () => {

src/styles/filePage.js

@@ -402,6 +402,39 @@ const filePageStyle = StyleSheet.create({
     marginTop: 12,
     marginBottom: 12,
   },
+  unsupportedContent: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    top: 0,
+    bottom: 16,
+    padding: 24,
+    flexDirection: 'row',
+    alignItems: 'center',
+    backgroundColor: Colors.White,
+  },
+  unspportedContentTextContainer: {
+    flex: 1,
+  },
+  unsupportedContentFilename: {
+    color: Colors.LbryGreen,
+    fontFamily: 'Inter-UI-SemiBold',
+    fontSize: 16,
+  },
+  unsupportedContentImage: {
+    width: 64,
+    height: 80,
+    marginRight: 24,
+  },
+  unsupportedContentTitle: {
+    fontFamily: 'Inter-UI-Regular',
+    fontSize: 20,
+  },
+  unsupportedContentText: {
+    fontFamily: 'Inter-UI-Regular',
+    fontSize: 16,
+    marginTop: 4,
+  },
 });
 
 export default filePageStyle;