fix displayed wallet custody message when signed in

* show usd values for lbc on wallet and rewards pages
* link to publish page
* update phrasing
* don't show rewards nag if user is not interested

.eslintrc.json

@@ -10,6 +10,7 @@
     "__": true
   },
   "rules": {
+    "no-console": 2,
     "no-multi-spaces": 0,
     "new-cap": 0,
     "prefer-promise-reject-errors": 0,

.gitignore

@@ -1,4 +1,66 @@
+# OSX
+#
+.DS_Store
+
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+
+# Android/IntelliJ
+#
+build/
+.idea
+.gradle
+local.properties
+*.iml
+
+# node.js
+#
 node_modules/
+npm-debug.log
+yarn-error.log
+
+# BUCK
+buck-out/
+\.buckd/
+*.keystore
+!debug.keystore
+
+# fastlane
+#
+# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
+# screenshots whenever they are needed.
+# For more information about the recommended setup visit:
+# https://docs.fastlane.tools/best-practices/source-control/
+
+*/fastlane/report.xml
+*/fastlane/Preview.html
+*/fastlane/screenshots
+
+# Bundle artifact
+*.jsbundle
+
+# CocoaPods
+/ios/Pods/
+
+# Other Files
+android/app/google-services.json
 *.log
 .vagrant
-
+android/app/build/*
+android/bin

.gitlab-ci.yml

@@ -0,0 +1,8 @@
+stages:
+  - build
+
+build:
+  variables:
+    REACT_NATIVE_BRANCH: $CI_COMMIT_REF_NAME
+  stage: build
+  trigger: lbry/lbry-android

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "android"]
+	path = android
+	url = https://github.com/lbryio/lbry-android

LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2017-2019 LBRY Inc
+Copyright (c) 2017-2020 LBRY Inc
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish,distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 

README.md

@@ -1,7 +1,7 @@
-# LBRY Android
+# LBRY React Native
 [![pipeline status](https://ci.lbry.tech/lbry/lbry-android/badges/master/pipeline.svg)](https://ci.lbry.tech/lbry/lbry-android/commits/master)
 
-An Android browser and wallet for the [LBRY](https://lbry.com) network. This app bundles [lbrynet-daemon](https://github.com/lbryio/lbry) as a background service with a UI layer built with React Native. The APK is built using buildozer and the Gradle build tool.
+A mobile browser and wallet for the [LBRY](https://lbry.com) network. This app bundles [LBRY SDK](https://github.com/lbryio/lbry) as a background service with a UI layer built with React Native.
 
 <img src="https://spee.ch/8/lbry-android.png" alt="LBRY Android Screenshot" width="384px" />
 
@@ -12,10 +12,41 @@ The minimum supported Android version is 5.0 Lollipop. There are two ways to ins
 1. Direct APK install available at [http://build.lbry.io/android/latest.apk](http://build.lbry.io/android/latest.apk). You will need to enable installation from third-party sources on your device in order to install from this source.
 
 ## Usage
-The app can be launched by opening **LBRY Browser** from the device's app drawer or via the shortcut on the home screen if that was created upon installation.
+The app can be launched by opening **LBRY** from the device's app drawer or via the shortcut on the home screen if that was created upon installation.
 
 ## Running from Source
-The app is built from source via [Buildozer](https://github.com/kivy/buildozer). After cloning the repository, copy `buildozer.spec.sample` to `buildozer.spec` and modify this file as necessary for your environment. Please see [BUILD.md](BUILD.md) for detailed build instructions.
+### Software Requirements
+* Android Studio
+* WebStorm (or other IDE for editing React Native / JavaScript code)
+* npm
+* yarn
+
+### Android Steps
+* Clone the repository using `git clone https://github.com/lbryio/lbry-react-native`
+* Initialise the submodules.
+```
+cd lbry-react-native
+git submodule update --init --recursive
+```
+* Install `react-native-cli` globally using `npm install -g react-native-cli`.
+* Install the required package modules by running `yarn` in the cloned repository folder.
+* Download a `google-services.json` from the Firebase console (https://console.firebase.google.com/) and place it in the `android/app` folder. Alternatively, use the included sample JSON file.
+```
+cp android/app/google-services.sample.json android/app/google-services.json
+```
+* Open Android Studio and click File > Open...
+* Navigate to the cloned repository on your local filesystem and select the `android` subfolder.
+* Connect your Android device in USB debugging mode, or create an ARM emulator (slower) to run the app.
+* Click Run > Run... and select the corresponding app configuration. Note that it may take a while for the project files to sync before you can run the app
+* In order to edit the React Native / JavaScript files, open the cloned repository folder using WebStorm (or your favourite IDE).
+
+### React Native Fast Refresh
+In order to enable fast refresh when updating React Native code
+* Connect your Android device in USB debugging mode, or create an ARM emulator
+* Run `adb reverse tcp:8081 tcp:8081` (`adb` can be found in the `platform-tools` folder of your Android SDK installation)
+* Run `yarn start`
+* Press `r` to reload the app.
+* Anytime you make an update to the React Native code, the app should automatically refresh.
 
 ## Contributing
 Contributions to this project are welcome, encouraged, and compensated. For more details, see https://lbry.io/faq/contributing

__tests__/App-test.js

@@ -0,0 +1,14 @@
+/**
+ * @format
+ */
+
+import 'react-native';
+import React from 'react';
+import App from '../App';
+
+// Note: test renderer must be required after react-native.
+import renderer from 'react-test-renderer';
+
+it('renders correctly', () => {
+  renderer.create(<App />);
+});

android

@@ -0,0 +1 @@
+Subproject commit ff30e7f6a4358fd997a9e6d9f75bfe6959eafcb6

bundle-android.sh

@@ -0,0 +1,2 @@
+#!/bin/bash
+react-native bundle --platform android --dev false --entry-file src/index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

ios/LbryApp-tvOS/Info.plist

@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>APPL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>1.0</string>
+	<key>CFBundleSignature</key>
+	<string>????</string>
+	<key>CFBundleVersion</key>
+	<string>1</string>
+	<key>LSRequiresIPhoneOS</key>
+	<true/>
+	<key>NSAppTransportSecurity</key>
+	<dict>
+		<key>NSExceptionDomains</key>
+		<dict>
+			<key>localhost</key>
+			<dict>
+				<key>NSExceptionAllowsInsecureHTTPLoads</key>
+				<true/>
+			</dict>
+		</dict>
+	</dict>
+	<key>NSLocationWhenInUseUsageDescription</key>
+	<string></string>
+	<key>UILaunchStoryboardName</key>
+	<string>LaunchScreen</string>
+	<key>UIRequiredDeviceCapabilities</key>
+	<array>
+		<string>armv7</string>
+	</array>
+	<key>UISupportedInterfaceOrientations</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+	<key>UIViewControllerBasedStatusBarAppearance</key>
+	<false/>
+</dict>
+</plist>

ios/LbryApp-tvOSTests/Info.plist

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>BNDL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>1.0</string>
+	<key>CFBundleSignature</key>
+	<string>????</string>
+	<key>CFBundleVersion</key>
+	<string>1</string>
+</dict>
+</plist>

ios/LbryApp.xcodeproj/project.pbxproj

@@ -0,0 +1,782 @@
+// !$*UTF8*$!
+{
+	archiveVersion = 1;
+	classes = {
+	};
+	objectVersion = 46;
+	objects = {
+
+/* Begin PBXBuildFile section */
+		00E356F31AD99517003FC87E /* LbryAppTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* LbryAppTests.m */; };
+		13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; };
+		13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB11A68108700A75B9A /* LaunchScreen.xib */; };
+		13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; };
+		13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };
+		2D02E4BC1E0B4A80006451C7 /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; };
+		2D02E4BD1E0B4A84006451C7 /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; };
+		2D02E4BF1E0B4AB3006451C7 /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };
+		2DCD954D1E0B4F2C00145EB5 /* LbryAppTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* LbryAppTests.m */; };
+/* End PBXBuildFile section */
+
+/* Begin PBXContainerItemProxy section */
+		00E356F41AD99517003FC87E /* PBXContainerItemProxy */ = {
+			isa = PBXContainerItemProxy;
+			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
+			proxyType = 1;
+			remoteGlobalIDString = 13B07F861A680F5B00A75B9A;
+			remoteInfo = LbryApp;
+		};
+		2D02E4911E0B4A5D006451C7 /* PBXContainerItemProxy */ = {
+			isa = PBXContainerItemProxy;
+			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
+			proxyType = 1;
+			remoteGlobalIDString = 2D02E47A1E0B4A5D006451C7;
+			remoteInfo = "LbryApp-tvOS";
+		};
+/* End PBXContainerItemProxy section */
+
+/* Begin PBXFileReference section */
+		008F07F21AC5B25A0029DE68 /* main.jsbundle */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; path = main.jsbundle; sourceTree = "<group>"; };
+		00E356EE1AD99517003FC87E /* LbryAppTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = LbryAppTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };
+		00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
+		00E356F21AD99517003FC87E /* LbryAppTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = LbryAppTests.m; sourceTree = "<group>"; };
+		13B07F961A680F5B00A75B9A /* LbryApp.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = LbryApp.app; sourceTree = BUILT_PRODUCTS_DIR; };
+		13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = LbryApp/AppDelegate.h; sourceTree = "<group>"; };
+		13B07FB01A68108700A75B9A /* AppDelegate.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = AppDelegate.m; path = LbryApp/AppDelegate.m; sourceTree = "<group>"; };
+		13B07FB21A68108700A75B9A /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.xib; name = Base; path = Base.lproj/LaunchScreen.xib; sourceTree = "<group>"; };
+		13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = LbryApp/Images.xcassets; sourceTree = "<group>"; };
+		13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = LbryApp/Info.plist; sourceTree = "<group>"; };
+		13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = LbryApp/main.m; sourceTree = "<group>"; };
+		2D02E47B1E0B4A5D006451C7 /* LbryApp-tvOS.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = "LbryApp-tvOS.app"; sourceTree = BUILT_PRODUCTS_DIR; };
+		2D02E4901E0B4A5D006451C7 /* LbryApp-tvOSTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = "LbryApp-tvOSTests.xctest"; sourceTree = BUILT_PRODUCTS_DIR; };
+		ED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; };
+		ED2971642150620600B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = Platforms/AppleTVOS.platform/Developer/SDKs/AppleTVOS12.0.sdk/System/Library/Frameworks/JavaScriptCore.framework; sourceTree = DEVELOPER_DIR; };
+/* End PBXFileReference section */
+
+/* Begin PBXFrameworksBuildPhase section */
+		00E356EB1AD99517003FC87E /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		13B07F8C1A680F5B00A75B9A /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		2D02E4781E0B4A5D006451C7 /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		2D02E48D1E0B4A5D006451C7 /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXFrameworksBuildPhase section */
+
+/* Begin PBXGroup section */
+		00E356EF1AD99517003FC87E /* LbryAppTests */ = {
+			isa = PBXGroup;
+			children = (
+				00E356F21AD99517003FC87E /* LbryAppTests.m */,
+				00E356F01AD99517003FC87E /* Supporting Files */,
+			);
+			path = LbryAppTests;
+			sourceTree = "<group>";
+		};
+		00E356F01AD99517003FC87E /* Supporting Files */ = {
+			isa = PBXGroup;
+			children = (
+				00E356F11AD99517003FC87E /* Info.plist */,
+			);
+			name = "Supporting Files";
+			sourceTree = "<group>";
+		};
+		13B07FAE1A68108700A75B9A /* LbryApp */ = {
+			isa = PBXGroup;
+			children = (
+				008F07F21AC5B25A0029DE68 /* main.jsbundle */,
+				13B07FAF1A68108700A75B9A /* AppDelegate.h */,
+				13B07FB01A68108700A75B9A /* AppDelegate.m */,
+				13B07FB51A68108700A75B9A /* Images.xcassets */,
+				13B07FB61A68108700A75B9A /* Info.plist */,
+				13B07FB11A68108700A75B9A /* LaunchScreen.xib */,
+				13B07FB71A68108700A75B9A /* main.m */,
+			);
+			name = LbryApp;
+			sourceTree = "<group>";
+		};
+		2D16E6871FA4F8E400B85C8A /* Frameworks */ = {
+			isa = PBXGroup;
+			children = (
+				ED297162215061F000B7C4FE /* JavaScriptCore.framework */,
+				ED2971642150620600B7C4FE /* JavaScriptCore.framework */,
+			);
+			name = Frameworks;
+			sourceTree = "<group>";
+		};
+		832341AE1AAA6A7D00B99B32 /* Libraries */ = {
+			isa = PBXGroup;
+			children = (
+			);
+			name = Libraries;
+			sourceTree = "<group>";
+		};
+		83CBB9F61A601CBA00E9B192 = {
+			isa = PBXGroup;
+			children = (
+				13B07FAE1A68108700A75B9A /* LbryApp */,
+				832341AE1AAA6A7D00B99B32 /* Libraries */,
+				00E356EF1AD99517003FC87E /* LbryAppTests */,
+				83CBBA001A601CBA00E9B192 /* Products */,
+				2D16E6871FA4F8E400B85C8A /* Frameworks */,
+			);
+			indentWidth = 2;
+			sourceTree = "<group>";
+			tabWidth = 2;
+			usesTabs = 0;
+		};
+		83CBBA001A601CBA00E9B192 /* Products */ = {
+			isa = PBXGroup;
+			children = (
+				13B07F961A680F5B00A75B9A /* LbryApp.app */,
+				00E356EE1AD99517003FC87E /* LbryAppTests.xctest */,
+				2D02E47B1E0B4A5D006451C7 /* LbryApp-tvOS.app */,
+				2D02E4901E0B4A5D006451C7 /* LbryApp-tvOSTests.xctest */,
+			);
+			name = Products;
+			sourceTree = "<group>";
+		};
+/* End PBXGroup section */
+
+/* Begin PBXNativeTarget section */
+		00E356ED1AD99517003FC87E /* LbryAppTests */ = {
+			isa = PBXNativeTarget;
+			buildConfigurationList = 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "LbryAppTests" */;
+			buildPhases = (
+				00E356EA1AD99517003FC87E /* Sources */,
+				00E356EB1AD99517003FC87E /* Frameworks */,
+				00E356EC1AD99517003FC87E /* Resources */,
+			);
+			buildRules = (
+			);
+			dependencies = (
+				00E356F51AD99517003FC87E /* PBXTargetDependency */,
+			);
+			name = LbryAppTests;
+			productName = LbryAppTests;
+			productReference = 00E356EE1AD99517003FC87E /* LbryAppTests.xctest */;
+			productType = "com.apple.product-type.bundle.unit-test";
+		};
+		13B07F861A680F5B00A75B9A /* LbryApp */ = {
+			isa = PBXNativeTarget;
+			buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "LbryApp" */;
+			buildPhases = (
+				FD10A7F022414F080027D42C /* Start Packager */,
+				13B07F871A680F5B00A75B9A /* Sources */,
+				13B07F8C1A680F5B00A75B9A /* Frameworks */,
+				13B07F8E1A680F5B00A75B9A /* Resources */,
+				00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */,
+			);
+			buildRules = (
+			);
+			dependencies = (
+			);
+			name = LbryApp;
+			productName = "LbryApp";
+			productReference = 13B07F961A680F5B00A75B9A /* LbryApp.app */;
+			productType = "com.apple.product-type.application";
+		};
+		2D02E47A1E0B4A5D006451C7 /* LbryApp-tvOS */ = {
+			isa = PBXNativeTarget;
+			buildConfigurationList = 2D02E4BA1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "LbryApp-tvOS" */;
+			buildPhases = (
+				FD10A7F122414F3F0027D42C /* Start Packager */,
+				2D02E4771E0B4A5D006451C7 /* Sources */,
+				2D02E4781E0B4A5D006451C7 /* Frameworks */,
+				2D02E4791E0B4A5D006451C7 /* Resources */,
+				2D02E4CB1E0B4B27006451C7 /* Bundle React Native Code And Images */,
+			);
+			buildRules = (
+			);
+			dependencies = (
+			);
+			name = "LbryApp-tvOS";
+			productName = "LbryApp-tvOS";
+			productReference = 2D02E47B1E0B4A5D006451C7 /* LbryApp-tvOS.app */;
+			productType = "com.apple.product-type.application";
+		};
+		2D02E48F1E0B4A5D006451C7 /* LbryApp-tvOSTests */ = {
+			isa = PBXNativeTarget;
+			buildConfigurationList = 2D02E4BB1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "LbryApp-tvOSTests" */;
+			buildPhases = (
+				2D02E48C1E0B4A5D006451C7 /* Sources */,
+				2D02E48D1E0B4A5D006451C7 /* Frameworks */,
+				2D02E48E1E0B4A5D006451C7 /* Resources */,
+			);
+			buildRules = (
+			);
+			dependencies = (
+				2D02E4921E0B4A5D006451C7 /* PBXTargetDependency */,
+			);
+			name = "LbryApp-tvOSTests";
+			productName = "LbryApp-tvOSTests";
+			productReference = 2D02E4901E0B4A5D006451C7 /* LbryApp-tvOSTests.xctest */;
+			productType = "com.apple.product-type.bundle.unit-test";
+		};
+/* End PBXNativeTarget section */
+
+/* Begin PBXProject section */
+		83CBB9F71A601CBA00E9B192 /* Project object */ = {
+			isa = PBXProject;
+			attributes = {
+				LastUpgradeCheck = 0940;
+				ORGANIZATIONNAME = Facebook;
+				TargetAttributes = {
+					00E356ED1AD99517003FC87E = {
+						CreatedOnToolsVersion = 6.2;
+						TestTargetID = 13B07F861A680F5B00A75B9A;
+					};
+					2D02E47A1E0B4A5D006451C7 = {
+						CreatedOnToolsVersion = 8.2.1;
+						ProvisioningStyle = Automatic;
+					};
+					2D02E48F1E0B4A5D006451C7 = {
+						CreatedOnToolsVersion = 8.2.1;
+						ProvisioningStyle = Automatic;
+						TestTargetID = 2D02E47A1E0B4A5D006451C7;
+					};
+				};
+			};
+			buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "LbryApp" */;
+			compatibilityVersion = "Xcode 3.2";
+			developmentRegion = English;
+			hasScannedForEncodings = 0;
+			knownRegions = (
+				en,
+				Base,
+			);
+			mainGroup = 83CBB9F61A601CBA00E9B192;
+			productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */;
+			projectDirPath = "";
+			projectRoot = "";
+			targets = (
+				13B07F861A680F5B00A75B9A /* LbryApp */,
+				00E356ED1AD99517003FC87E /* LbryAppTests */,
+				2D02E47A1E0B4A5D006451C7 /* LbryApp-tvOS */,
+				2D02E48F1E0B4A5D006451C7 /* LbryApp-tvOSTests */,
+			);
+		};
+/* End PBXProject section */
+
+/* Begin PBXResourcesBuildPhase section */
+		00E356EC1AD99517003FC87E /* Resources */ = {
+			isa = PBXResourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		13B07F8E1A680F5B00A75B9A /* Resources */ = {
+			isa = PBXResourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */,
+				13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		2D02E4791E0B4A5D006451C7 /* Resources */ = {
+			isa = PBXResourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				2D02E4BD1E0B4A84006451C7 /* Images.xcassets in Resources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		2D02E48E1E0B4A5D006451C7 /* Resources */ = {
+			isa = PBXResourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXResourcesBuildPhase section */
+
+/* Begin PBXShellScriptBuildPhase section */
+		00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputPaths = (
+			);
+			name = "Bundle React Native code and images";
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "export NODE_BINARY=node\n../node_modules/react-native/scripts/react-native-xcode.sh";
+		};
+		2D02E4CB1E0B4B27006451C7 /* Bundle React Native Code And Images */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputPaths = (
+			);
+			name = "Bundle React Native Code And Images";
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "export NODE_BINARY=node\n../node_modules/react-native/scripts/react-native-xcode.sh";
+		};
+		FD10A7F022414F080027D42C /* Start Packager */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+			);
+			name = "Start Packager";
+			outputFileListPaths = (
+			);
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "export RCT_METRO_PORT=\"${RCT_METRO_PORT:=8081}\"\necho \"export RCT_METRO_PORT=${RCT_METRO_PORT}\" > \"${SRCROOT}/../node_modules/react-native/scripts/.packager.env\"\nif [ -z \"${RCT_NO_LAUNCH_PACKAGER+xxx}\" ] ; then\n  if nc -w 5 -z localhost ${RCT_METRO_PORT} ; then\n    if ! curl -s \"http://localhost:${RCT_METRO_PORT}/status\" | grep -q \"packager-status:running\" ; then\n      echo \"Port ${RCT_METRO_PORT} already in use, packager is either not running or not running correctly\"\n      exit 2\n    fi\n  else\n    open \"$SRCROOT/../node_modules/react-native/scripts/launchPackager.command\" || echo \"Can't start packager automatically\"\n  fi\nfi\n";
+			showEnvVarsInLog = 0;
+		};
+		FD10A7F122414F3F0027D42C /* Start Packager */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+			);
+			name = "Start Packager";
+			outputFileListPaths = (
+			);
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "export RCT_METRO_PORT=\"${RCT_METRO_PORT:=8081}\"\necho \"export RCT_METRO_PORT=${RCT_METRO_PORT}\" > \"${SRCROOT}/../node_modules/react-native/scripts/.packager.env\"\nif [ -z \"${RCT_NO_LAUNCH_PACKAGER+xxx}\" ] ; then\n  if nc -w 5 -z localhost ${RCT_METRO_PORT} ; then\n    if ! curl -s \"http://localhost:${RCT_METRO_PORT}/status\" | grep -q \"packager-status:running\" ; then\n      echo \"Port ${RCT_METRO_PORT} already in use, packager is either not running or not running correctly\"\n      exit 2\n    fi\n  else\n    open \"$SRCROOT/../node_modules/react-native/scripts/launchPackager.command\" || echo \"Can't start packager automatically\"\n  fi\nfi\n";
+			showEnvVarsInLog = 0;
+		};
+/* End PBXShellScriptBuildPhase section */
+
+/* Begin PBXSourcesBuildPhase section */
+		00E356EA1AD99517003FC87E /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				00E356F31AD99517003FC87E /* LbryAppTests.m in Sources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		13B07F871A680F5B00A75B9A /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */,
+				13B07FC11A68108700A75B9A /* main.m in Sources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		2D02E4771E0B4A5D006451C7 /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				2D02E4BF1E0B4AB3006451C7 /* main.m in Sources */,
+				2D02E4BC1E0B4A80006451C7 /* AppDelegate.m in Sources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		2D02E48C1E0B4A5D006451C7 /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				2DCD954D1E0B4F2C00145EB5 /* LbryAppTests.m in Sources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXSourcesBuildPhase section */
+
+/* Begin PBXTargetDependency section */
+		00E356F51AD99517003FC87E /* PBXTargetDependency */ = {
+			isa = PBXTargetDependency;
+			target = 13B07F861A680F5B00A75B9A /* LbryApp */;
+			targetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */;
+		};
+		2D02E4921E0B4A5D006451C7 /* PBXTargetDependency */ = {
+			isa = PBXTargetDependency;
+			target = 2D02E47A1E0B4A5D006451C7 /* LbryApp-tvOS */;
+			targetProxy = 2D02E4911E0B4A5D006451C7 /* PBXContainerItemProxy */;
+		};
+/* End PBXTargetDependency section */
+
+/* Begin PBXVariantGroup section */
+		13B07FB11A68108700A75B9A /* LaunchScreen.xib */ = {
+			isa = PBXVariantGroup;
+			children = (
+				13B07FB21A68108700A75B9A /* Base */,
+			);
+			name = LaunchScreen.xib;
+			path = LbryApp;
+			sourceTree = "<group>";
+		};
+/* End PBXVariantGroup section */
+
+/* Begin XCBuildConfiguration section */
+		00E356F61AD99517003FC87E /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				BUNDLE_LOADER = "$(TEST_HOST)";
+				GCC_PREPROCESSOR_DEFINITIONS = (
+					"DEBUG=1",
+					"$(inherited)",
+				);
+				INFOPLIST_FILE = LbryAppTests/Info.plist;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
+				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
+				OTHER_LDFLAGS = (
+					"-ObjC",
+					"-lc++",
+					"$(inherited)",
+				);
+				PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)";
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				TEST_HOST = "$(BUILT_PRODUCTS_DIR)/LbryApp.app/LbryApp";
+			};
+			name = Debug;
+		};
+		00E356F71AD99517003FC87E /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				BUNDLE_LOADER = "$(TEST_HOST)";
+				COPY_PHASE_STRIP = NO;
+				INFOPLIST_FILE = LbryAppTests/Info.plist;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
+				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
+				OTHER_LDFLAGS = (
+					"-ObjC",
+					"-lc++",
+					"$(inherited)",
+				);
+				PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)";
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				TEST_HOST = "$(BUILT_PRODUCTS_DIR)/LbryApp.app/LbryApp";
+			};
+			name = Release;
+		};
+		13B07F941A680F5B00A75B9A /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				CURRENT_PROJECT_VERSION = 1;
+				DEAD_CODE_STRIPPING = NO;
+				INFOPLIST_FILE = LbryApp/Info.plist;
+				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
+				OTHER_LDFLAGS = (
+					"$(inherited)",
+					"-ObjC",
+					"-lc++",
+				);
+				PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)";
+				PRODUCT_NAME = LbryApp;
+				VERSIONING_SYSTEM = "apple-generic";
+			};
+			name = Debug;
+		};
+		13B07F951A680F5B00A75B9A /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				CURRENT_PROJECT_VERSION = 1;
+				INFOPLIST_FILE = LbryApp/Info.plist;
+				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
+				OTHER_LDFLAGS = (
+					"$(inherited)",
+					"-ObjC",
+					"-lc++",
+				);
+				PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)";
+				PRODUCT_NAME = LbryApp;
+				VERSIONING_SYSTEM = "apple-generic";
+			};
+			name = Release;
+		};
+		2D02E4971E0B4A5E006451C7 /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_APPICON_NAME = "App Icon & Top Shelf Image";
+				ASSETCATALOG_COMPILER_LAUNCHIMAGE_NAME = LaunchImage;
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				DEBUG_INFORMATION_FORMAT = dwarf;
+				ENABLE_TESTABILITY = YES;
+				GCC_NO_COMMON_BLOCKS = YES;
+				INFOPLIST_FILE = "LbryApp-tvOS/Info.plist";
+				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
+				OTHER_LDFLAGS = (
+					"$(inherited)",
+					"-ObjC",
+					"-lc++",
+				);
+				PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.LbryApp-tvOS";
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SDKROOT = appletvos;
+				TARGETED_DEVICE_FAMILY = 3;
+				TVOS_DEPLOYMENT_TARGET = 9.2;
+			};
+			name = Debug;
+		};
+		2D02E4981E0B4A5E006451C7 /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_APPICON_NAME = "App Icon & Top Shelf Image";
+				ASSETCATALOG_COMPILER_LAUNCHIMAGE_NAME = LaunchImage;
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				COPY_PHASE_STRIP = NO;
+				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
+				GCC_NO_COMMON_BLOCKS = YES;
+				INFOPLIST_FILE = "LbryApp-tvOS/Info.plist";
+				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
+				OTHER_LDFLAGS = (
+					"$(inherited)",
+					"-ObjC",
+					"-lc++",
+				);
+				PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.LbryApp-tvOS";
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SDKROOT = appletvos;
+				TARGETED_DEVICE_FAMILY = 3;
+				TVOS_DEPLOYMENT_TARGET = 9.2;
+			};
+			name = Release;
+		};
+		2D02E4991E0B4A5E006451C7 /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				BUNDLE_LOADER = "$(TEST_HOST)";
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				DEBUG_INFORMATION_FORMAT = dwarf;
+				ENABLE_TESTABILITY = YES;
+				GCC_NO_COMMON_BLOCKS = YES;
+				INFOPLIST_FILE = "LbryApp-tvOSTests/Info.plist";
+				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
+				OTHER_LDFLAGS = (
+					"$(inherited)",
+					"-ObjC",
+					"-lc++",
+				);
+				PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.LbryApp-tvOSTests";
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SDKROOT = appletvos;
+				TEST_HOST = "$(BUILT_PRODUCTS_DIR)/LbryApp-tvOS.app/LbryApp-tvOS";
+				TVOS_DEPLOYMENT_TARGET = 10.1;
+			};
+			name = Debug;
+		};
+		2D02E49A1E0B4A5E006451C7 /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				BUNDLE_LOADER = "$(TEST_HOST)";
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				COPY_PHASE_STRIP = NO;
+				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
+				GCC_NO_COMMON_BLOCKS = YES;
+				INFOPLIST_FILE = "LbryApp-tvOSTests/Info.plist";
+				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
+				OTHER_LDFLAGS = (
+					"$(inherited)",
+					"-ObjC",
+					"-lc++",
+				);
+				PRODUCT_BUNDLE_IDENTIFIER = "com.facebook.REACT.LbryApp-tvOSTests";
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SDKROOT = appletvos;
+				TEST_HOST = "$(BUILT_PRODUCTS_DIR)/LbryApp-tvOS.app/LbryApp-tvOS";
+				TVOS_DEPLOYMENT_TARGET = 10.1;
+			};
+			name = Release;
+		};
+		83CBBA201A601CBA00E9B192 /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
+				COPY_PHASE_STRIP = NO;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				ENABLE_TESTABILITY = YES;
+				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_DYNAMIC_NO_PIC = NO;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_OPTIMIZATION_LEVEL = 0;
+				GCC_PREPROCESSOR_DEFINITIONS = (
+					"DEBUG=1",
+					"$(inherited)",
+				);
+				GCC_SYMBOLS_PRIVATE_EXTERN = NO;
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
+				MTL_ENABLE_DEBUG_INFO = YES;
+				ONLY_ACTIVE_ARCH = YES;
+				SDKROOT = iphoneos;
+			};
+			name = Debug;
+		};
+		83CBBA211A601CBA00E9B192 /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
+				COPY_PHASE_STRIP = YES;
+				ENABLE_NS_ASSERTIONS = NO;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
+				MTL_ENABLE_DEBUG_INFO = NO;
+				SDKROOT = iphoneos;
+				VALIDATE_PRODUCT = YES;
+			};
+			name = Release;
+		};
+/* End XCBuildConfiguration section */
+
+/* Begin XCConfigurationList section */
+		00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "LbryAppTests" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				00E356F61AD99517003FC87E /* Debug */,
+				00E356F71AD99517003FC87E /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+		13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "LbryApp" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				13B07F941A680F5B00A75B9A /* Debug */,
+				13B07F951A680F5B00A75B9A /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+		2D02E4BA1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "LbryApp-tvOS" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				2D02E4971E0B4A5E006451C7 /* Debug */,
+				2D02E4981E0B4A5E006451C7 /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+		2D02E4BB1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "LbryApp-tvOSTests" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				2D02E4991E0B4A5E006451C7 /* Debug */,
+				2D02E49A1E0B4A5E006451C7 /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+		83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "LbryApp" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				83CBBA201A601CBA00E9B192 /* Debug */,
+				83CBBA211A601CBA00E9B192 /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+/* End XCConfigurationList section */
+	};
+	rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */;
+}

ios/LbryApp.xcodeproj/xcshareddata/xcschemes/LbryApp-tvOS.xcscheme

@@ -0,0 +1,129 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Scheme
+   LastUpgradeVersion = "0940"
+   version = "1.3">
+   <BuildAction
+      parallelizeBuildables = "NO"
+      buildImplicitDependencies = "YES">
+      <BuildActionEntries>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "2D2A28121D9B038B00D4039D"
+               BuildableName = "libReact.a"
+               BlueprintName = "React-tvOS"
+               ReferencedContainer = "container:../node_modules/react-native/React/React.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "2D02E47A1E0B4A5D006451C7"
+               BuildableName = "LbryApp-tvOS.app"
+               BlueprintName = "LbryApp-tvOS"
+               ReferencedContainer = "container:LbryApp.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "NO"
+            buildForArchiving = "NO"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "2D02E48F1E0B4A5D006451C7"
+               BuildableName = "LbryApp-tvOSTests.xctest"
+               BlueprintName = "LbryApp-tvOSTests"
+               ReferencedContainer = "container:LbryApp.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+      </BuildActionEntries>
+   </BuildAction>
+   <TestAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      shouldUseLaunchSchemeArgsEnv = "YES">
+      <Testables>
+         <TestableReference
+            skipped = "NO">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "2D02E48F1E0B4A5D006451C7"
+               BuildableName = "LbryApp-tvOSTests.xctest"
+               BlueprintName = "LbryApp-tvOSTests"
+               ReferencedContainer = "container:LbryApp.xcodeproj">
+            </BuildableReference>
+         </TestableReference>
+      </Testables>
+      <MacroExpansion>
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "2D02E47A1E0B4A5D006451C7"
+            BuildableName = "LbryApp-tvOS.app"
+            BlueprintName = "LbryApp-tvOS"
+            ReferencedContainer = "container:LbryApp.xcodeproj">
+         </BuildableReference>
+      </MacroExpansion>
+      <AdditionalOptions>
+      </AdditionalOptions>
+   </TestAction>
+   <LaunchAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      launchStyle = "0"
+      useCustomWorkingDirectory = "NO"
+      ignoresPersistentStateOnLaunch = "NO"
+      debugDocumentVersioning = "YES"
+      debugServiceExtension = "internal"
+      allowLocationSimulation = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "2D02E47A1E0B4A5D006451C7"
+            BuildableName = "LbryApp-tvOS.app"
+            BlueprintName = "LbryApp-tvOS"
+            ReferencedContainer = "container:LbryApp.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+      <AdditionalOptions>
+      </AdditionalOptions>
+   </LaunchAction>
+   <ProfileAction
+      buildConfiguration = "Release"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      savedToolIdentifier = ""
+      useCustomWorkingDirectory = "NO"
+      debugDocumentVersioning = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "2D02E47A1E0B4A5D006451C7"
+            BuildableName = "LbryApp-tvOS.app"
+            BlueprintName = "LbryApp-tvOS"
+            ReferencedContainer = "container:LbryApp.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </ProfileAction>
+   <AnalyzeAction
+      buildConfiguration = "Debug">
+   </AnalyzeAction>
+   <ArchiveAction
+      buildConfiguration = "Release"
+      revealArchiveInOrganizer = "YES">
+   </ArchiveAction>
+</Scheme>

ios/LbryApp.xcodeproj/xcshareddata/xcschemes/LbryApp.xcscheme

@@ -0,0 +1,129 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Scheme
+   LastUpgradeVersion = "0940"
+   version = "1.3">
+   <BuildAction
+      parallelizeBuildables = "NO"
+      buildImplicitDependencies = "YES">
+      <BuildActionEntries>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "83CBBA2D1A601D0E00E9B192"
+               BuildableName = "libReact.a"
+               BlueprintName = "React"
+               ReferencedContainer = "container:../node_modules/react-native/React/React.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+               BuildableName = "LbryApp.app"
+               BlueprintName = "LbryApp"
+               ReferencedContainer = "container:LbryApp.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "NO"
+            buildForArchiving = "NO"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "00E356ED1AD99517003FC87E"
+               BuildableName = "LbryAppTests.xctest"
+               BlueprintName = "LbryAppTests"
+               ReferencedContainer = "container:LbryApp.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+      </BuildActionEntries>
+   </BuildAction>
+   <TestAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      shouldUseLaunchSchemeArgsEnv = "YES">
+      <Testables>
+         <TestableReference
+            skipped = "NO">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "00E356ED1AD99517003FC87E"
+               BuildableName = "LbryAppTests.xctest"
+               BlueprintName = "LbryAppTests"
+               ReferencedContainer = "container:LbryApp.xcodeproj">
+            </BuildableReference>
+         </TestableReference>
+      </Testables>
+      <MacroExpansion>
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "LbryApp.app"
+            BlueprintName = "LbryApp"
+            ReferencedContainer = "container:LbryApp.xcodeproj">
+         </BuildableReference>
+      </MacroExpansion>
+      <AdditionalOptions>
+      </AdditionalOptions>
+   </TestAction>
+   <LaunchAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      launchStyle = "0"
+      useCustomWorkingDirectory = "NO"
+      ignoresPersistentStateOnLaunch = "NO"
+      debugDocumentVersioning = "YES"
+      debugServiceExtension = "internal"
+      allowLocationSimulation = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "LbryApp.app"
+            BlueprintName = "LbryApp"
+            ReferencedContainer = "container:LbryApp.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+      <AdditionalOptions>
+      </AdditionalOptions>
+   </LaunchAction>
+   <ProfileAction
+      buildConfiguration = "Release"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      savedToolIdentifier = ""
+      useCustomWorkingDirectory = "NO"
+      debugDocumentVersioning = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "LbryApp.app"
+            BlueprintName = "LbryApp"
+            ReferencedContainer = "container:LbryApp.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </ProfileAction>
+   <AnalyzeAction
+      buildConfiguration = "Debug">
+   </AnalyzeAction>
+   <ArchiveAction
+      buildConfiguration = "Release"
+      revealArchiveInOrganizer = "YES">
+   </ArchiveAction>
+</Scheme>

ios/LbryApp/AppDelegate.h

@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <React/RCTBridgeDelegate.h>
+#import <UIKit/UIKit.h>
+
+@interface AppDelegate : UIResponder <UIApplicationDelegate, RCTBridgeDelegate>
+
+@property (nonatomic, strong) UIWindow *window;
+
+@end

ios/LbryApp/AppDelegate.m

@@ -0,0 +1,42 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "AppDelegate.h"
+
+#import <React/RCTBridge.h>
+#import <React/RCTBundleURLProvider.h>
+#import <React/RCTRootView.h>
+
+@implementation AppDelegate
+
+- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
+{
+  RCTBridge *bridge = [[RCTBridge alloc] initWithDelegate:self launchOptions:launchOptions];
+  RCTRootView *rootView = [[RCTRootView alloc] initWithBridge:bridge
+                                                   moduleName:@"LbryApp"
+                                            initialProperties:nil];
+
+  rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1];
+
+  self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
+  UIViewController *rootViewController = [UIViewController new];
+  rootViewController.view = rootView;
+  self.window.rootViewController = rootViewController;
+  [self.window makeKeyAndVisible];
+  return YES;
+}
+
+- (NSURL *)sourceURLForBridge:(RCTBridge *)bridge
+{
+#if DEBUG
+  return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];
+#else
+  return [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
+#endif
+}
+
+@end

ios/LbryApp/Base.lproj/LaunchScreen.xib

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.XIB" version="3.0" toolsVersion="7702" systemVersion="14D136" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES">
+    <dependencies>
+        <deployment identifier="iOS"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="7701"/>
+        <capability name="Constraints with non-1.0 multipliers" minToolsVersion="5.1"/>
+    </dependencies>
+    <objects>
+        <placeholder placeholderIdentifier="IBFilesOwner" id="-1" userLabel="File's Owner"/>
+        <placeholder placeholderIdentifier="IBFirstResponder" id="-2" customClass="UIResponder"/>
+        <view contentMode="scaleToFill" id="iN0-l3-epB">
+            <rect key="frame" x="0.0" y="0.0" width="480" height="480"/>
+            <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+            <subviews>
+                <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Powered by React Native" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" minimumFontSize="9" translatesAutoresizingMaskIntoConstraints="NO" id="8ie-xW-0ye">
+                    <rect key="frame" x="20" y="439" width="441" height="21"/>
+                    <fontDescription key="fontDescription" type="system" pointSize="17"/>
+                    <color key="textColor" cocoaTouchSystemColor="darkTextColor"/>
+                    <nil key="highlightedColor"/>
+                </label>
+                <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="LbryApp" textAlignment="center" lineBreakMode="middleTruncation" baselineAdjustment="alignBaselines" minimumFontSize="18" translatesAutoresizingMaskIntoConstraints="NO" id="kId-c2-rCX">
+                    <rect key="frame" x="20" y="140" width="441" height="43"/>
+                    <fontDescription key="fontDescription" type="boldSystem" pointSize="36"/>
+                    <color key="textColor" cocoaTouchSystemColor="darkTextColor"/>
+                    <nil key="highlightedColor"/>
+                </label>
+            </subviews>
+            <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="calibratedWhite"/>
+            <constraints>
+                <constraint firstItem="kId-c2-rCX" firstAttribute="centerY" secondItem="iN0-l3-epB" secondAttribute="bottom" multiplier="1/3" constant="1" id="5cJ-9S-tgC"/>
+                <constraint firstAttribute="centerX" secondItem="kId-c2-rCX" secondAttribute="centerX" id="Koa-jz-hwk"/>
+                <constraint firstAttribute="bottom" secondItem="8ie-xW-0ye" secondAttribute="bottom" constant="20" id="Kzo-t9-V3l"/>
+                <constraint firstItem="8ie-xW-0ye" firstAttribute="leading" secondItem="iN0-l3-epB" secondAttribute="leading" constant="20" symbolic="YES" id="MfP-vx-nX0"/>
+                <constraint firstAttribute="centerX" secondItem="8ie-xW-0ye" secondAttribute="centerX" id="ZEH-qu-HZ9"/>
+                <constraint firstItem="kId-c2-rCX" firstAttribute="leading" secondItem="iN0-l3-epB" secondAttribute="leading" constant="20" symbolic="YES" id="fvb-Df-36g"/>
+            </constraints>
+            <nil key="simulatedStatusBarMetrics"/>
+            <freeformSimulatedSizeMetrics key="simulatedDestinationMetrics"/>
+            <point key="canvasLocation" x="548" y="455"/>
+        </view>
+    </objects>
+</document>

ios/LbryApp/Images.xcassets/AppIcon.appiconset/Contents.json

@@ -0,0 +1,38 @@
+{
+  "images" : [
+    {
+      "idiom" : "iphone",
+      "size" : "29x29",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "29x29",
+      "scale" : "3x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "40x40",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "40x40",
+      "scale" : "3x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "60x60",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "60x60",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

ios/LbryApp/Images.xcassets/Contents.json

@@ -0,0 +1,6 @@
+{
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

ios/LbryApp/Info.plist

@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleDisplayName</key>
+	<string>LbryApp</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>APPL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>1.0</string>
+	<key>CFBundleSignature</key>
+	<string>????</string>
+	<key>CFBundleVersion</key>
+	<string>1</string>
+	<key>LSRequiresIPhoneOS</key>
+	<true/>
+	<key>NSAppTransportSecurity</key>
+	<dict>
+		<key>NSAllowsArbitraryLoads</key>
+		<true/>
+		<key>NSExceptionDomains</key>
+		<dict>
+			<key>localhost</key>
+			<dict>
+				<key>NSExceptionAllowsInsecureHTTPLoads</key>
+				<true/>
+			</dict>
+		</dict>
+	</dict>
+	<key>NSLocationWhenInUseUsageDescription</key>
+	<string></string>
+	<key>UILaunchStoryboardName</key>
+	<string>LaunchScreen</string>
+	<key>UIRequiredDeviceCapabilities</key>
+	<array>
+		<string>armv7</string>
+	</array>
+	<key>UISupportedInterfaceOrientations</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+	<key>UIViewControllerBasedStatusBarAppearance</key>
+	<false/>
+</dict>
+</plist>

ios/LbryApp/main.m

@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+#import "AppDelegate.h"
+
+int main(int argc, char * argv[]) {
+  @autoreleasepool {
+    return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class]));
+  }
+}

ios/LbryAppTests/Info.plist

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>BNDL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>1.0</string>
+	<key>CFBundleSignature</key>
+	<string>????</string>
+	<key>CFBundleVersion</key>
+	<string>1</string>
+</dict>
+</plist>

ios/LbryAppTests/LbryAppTests.m

@@ -0,0 +1,72 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+#import <XCTest/XCTest.h>
+
+#import <React/RCTLog.h>
+#import <React/RCTRootView.h>
+
+#define TIMEOUT_SECONDS 600
+#define TEXT_TO_LOOK_FOR @"Welcome to React"
+
+@interface LbryAppTests : XCTestCase
+
+@end
+
+@implementation LbryAppTests
+
+- (BOOL)findSubviewInView:(UIView *)view matching:(BOOL(^)(UIView *view))test
+{
+  if (test(view)) {
+    return YES;
+  }
+  for (UIView *subview in [view subviews]) {
+    if ([self findSubviewInView:subview matching:test]) {
+      return YES;
+    }
+  }
+  return NO;
+}
+
+- (void)testRendersWelcomeScreen
+{
+  UIViewController *vc = [[[RCTSharedApplication() delegate] window] rootViewController];
+  NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS];
+  BOOL foundElement = NO;
+
+  __block NSString *redboxError = nil;
+#ifdef DEBUG
+  RCTSetLogFunction(^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) {
+    if (level >= RCTLogLevelError) {
+      redboxError = message;
+    }
+  });
+#endif
+
+  while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) {
+    [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
+    [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
+
+    foundElement = [self findSubviewInView:vc.view matching:^BOOL(UIView *view) {
+      if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) {
+        return YES;
+      }
+      return NO;
+    }];
+  }
+
+#ifdef DEBUG
+  RCTSetLogFunction(RCTDefaultLogFunction);
+#endif
+
+  XCTAssertNil(redboxError, @"RedBox error: %@", redboxError);
+  XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS);
+}
+
+
+@end

ios/Podfile

@@ -0,0 +1,53 @@
+platform :ios, '9.0'
+require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules'
+
+target 'LbryApp' do
+  # Pods for LbryAndroid
+  pod 'FBLazyVector', :path => "../node_modules/react-native/Libraries/FBLazyVector"
+  pod 'FBReactNativeSpec', :path => "../node_modules/react-native/Libraries/FBReactNativeSpec"
+  pod 'RCTRequired', :path => "../node_modules/react-native/Libraries/RCTRequired"
+  pod 'RCTTypeSafety', :path => "../node_modules/react-native/Libraries/TypeSafety"
+  pod 'React', :path => '../node_modules/react-native/'
+  pod 'React-Core', :path => '../node_modules/react-native/'
+  pod 'React-CoreModules', :path => '../node_modules/react-native/React/CoreModules'
+  pod 'React-Core/DevSupport', :path => '../node_modules/react-native/'
+  pod 'React-RCTActionSheet', :path => '../node_modules/react-native/Libraries/ActionSheetIOS'
+  pod 'React-RCTAnimation', :path => '../node_modules/react-native/Libraries/NativeAnimation'
+  pod 'React-RCTBlob', :path => '../node_modules/react-native/Libraries/Blob'
+  pod 'React-RCTImage', :path => '../node_modules/react-native/Libraries/Image'
+  pod 'React-RCTLinking', :path => '../node_modules/react-native/Libraries/LinkingIOS'
+  pod 'React-RCTNetwork', :path => '../node_modules/react-native/Libraries/Network'
+  pod 'React-RCTSettings', :path => '../node_modules/react-native/Libraries/Settings'
+  pod 'React-RCTText', :path => '../node_modules/react-native/Libraries/Text'
+  pod 'React-RCTVibration', :path => '../node_modules/react-native/Libraries/Vibration'
+  pod 'React-Core/RCTWebSocket', :path => '../node_modules/react-native/'
+
+  pod 'React-cxxreact', :path => '../node_modules/react-native/ReactCommon/cxxreact'
+  pod 'React-jsi', :path => '../node_modules/react-native/ReactCommon/jsi'
+  pod 'React-jsiexecutor', :path => '../node_modules/react-native/ReactCommon/jsiexecutor'
+  pod 'React-jsinspector', :path => '../node_modules/react-native/ReactCommon/jsinspector'
+  pod 'ReactCommon/jscallinvoker', :path => "../node_modules/react-native/ReactCommon"
+  pod 'ReactCommon/turbomodule/core', :path => "../node_modules/react-native/ReactCommon"
+  pod 'Yoga', :path => '../node_modules/react-native/ReactCommon/yoga'
+
+  pod 'DoubleConversion', :podspec => '../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec'
+  pod 'glog', :podspec => '../node_modules/react-native/third-party-podspecs/glog.podspec'
+  pod 'Folly', :podspec => '../node_modules/react-native/third-party-podspecs/Folly.podspec'
+
+  target 'LbryAndroidTests' do
+    inherit! :search_paths
+    # Pods for testing
+  end
+
+  use_native_modules!
+end
+
+target 'LbryAndroid-tvOS' do
+  # Pods for LbryAndroid-tvOS
+
+  target 'LbryAndroid-tvOSTests' do
+    inherit! :search_paths
+    # Pods for testing
+  end
+
+end

lbry-app-strings.json

@@ -248,5 +248,79 @@
   "Authenticating": "Authenticating",
   "Waiting for authentication": "Waiting for authentication",
   "Delete file": "Delete file",
-  "Are you sure you want to remove this file from your device?": "Are you sure you want to remove this file from your device?"
+  "Are you sure you want to remove this file from your device?": "Are you sure you want to remove this file from your device?",
+  "Following": "Following",
+  "Update mailing preferences": "Update mailing preferences",
+  "Please confirm you want to tip %amount% credits": "Please confirm you want to tip %amount% credits",
+  "Send Tip": "Send Tip",
+  "You do not have any\ndownloaded content on this device.": "You do not have any\ndownloaded content on this device.",
+  "%view% view": "%view% view",
+  "No channel name after @.": "No channel name after @.",
+  "Loading transactions...": "Loading transactions...",
+  "Pending": "Pending",
+  "Phone Number": "Phone Number",
+  "Please provide a phone number to prevent fraud.": "Please provide a phone number to prevent fraud.",
+  "Send verification text": "Send verification text",
+  "Open": "Open",
+  "for": "for",
+  "Everyone": "Everyone",
+  "Suggested channels": "Suggested channels",
+  "You might also like": "You might also like",
+  "Publish something new": "Publish something new",
+  "Filter for": "Filter for",
+  "Tags you follow": "Tags you follow",
+  "Sort content by": "Sort content by",
+  "Trending content": "Trending content",
+  "New content": "New content",
+  "Top content": "Top content",
+  "Top": "Top",
+  "Past week": "Past week",
+  "It looks like you have not\npublished any content to LBRY yet.": "It looks like you have not\npublished any content to LBRY yet.",
+  "Stop": "Stop",
+  "Unsupported Content": "Unsupported Content",
+  "all tags you follow": "all tags you follow",
+  "Send LBC": "Send LBC",
+  "from": "from",
+  "This file cannot be displayed in the LBRY app.": "This file cannot be displayed in the LBRY app.",
+  "Please press the Play button.": "Please press the Play button.",
+  "Stop download": "Stop download",
+  "Are you sure you want to stop downloading this file?": "Are you sure you want to stop downloading this file?",
+  "The download will stop momentarily. You do not need to wait to discover something else.": "The download will stop momentarily. You do not need to wait to discover something else.",
+  "Connection Failure": "Connection Failure",
+  "We could not establish a connection to the SDK. Your data connection may be preventing LBRY from connecting. Contact hello@lbry.com if you think this is a software bug.": "We could not establish a connection to the SDK. Your data connection may be preventing LBRY from connecting. Contact hello@lbry.com if you think this is a software bug.",
+  "%num% block behind": "%num% block behind",
+  "Delete files": "Delete files",
+  "Are you sure you want to delete the selected content?": "Are you sure you want to delete the selected content?",
+  "We could not find any videos on your device. Take a photo or record a video to get started.": "We could not find any videos on your device. Take a photo or record a video to get started.",
+  "You have already published to the specified content address. Please enter a new address.": "You have already published to the specified content address. Please enter a new address.",
+  "Camera": "Camera",
+  "Please grant access to make use of your camera": "Please grant access to make use of your camera",
+  "OK": "OK",
+  "Audio": "Audio",
+  "Please grant access to record audio": "Please grant access to record audio",
+  "Camera not authorized": "Camera not authorized",
+  "There's nothing at this location.": "There's nothing at this location.",
+  "Publish something here": "Publish something here",
+  "This content cannot be viewed at this time. Please try again in a bit.": "This content cannot be viewed at this time. Please try again in a bit.",
+  "Download file": "Download file",
+  "Save %title% (%size%) to your device": "Save %title% (%size%) to your device",
+  "Save \"%title%\" (%size%) to your device": "Save \"%title%\" (%size%) to your device",
+  "Find Channels to follow": "Find Channels to follow",
+  "LBRY works better if you follow at least 5 creators you like. Sign in to show creators you follow if you already have an account.": "LBRY works better if you follow at least 5 creators you like. Sign in to show creators you follow if you already have an account.",
+  "%remaining% more...": "%remaining% more...",
+  "Did you know that you can earn free credits worth up to %amount%?": "Did you know that you can earn free credits worth up to %amount%?",
+  "SHOW ME": "SHOW ME",
+  "Convert credits to USD on Bittrex": "Convert credits to USD on Bittrex",
+  "You also have": "You also have",
+  "in tips": "in tips",
+  "Earn more tips by uploading cool videos": "Earn more tips by uploading cool videos",
+  "You staked": "You staked",
+  "in your publishes": "in your publishes",
+  "in your supports": "in your supports",
+  "Your wallet is not currently synced with lbry.tv. You are responsible for backing up your wallet.": "Your wallet is not currently synced with lbry.tv. You are responsible for backing up your wallet.",
+  "A backup of your wallet is synced with lbry.tv": "A backup of your wallet is synced with lbry.tv",
+  "What does this mean?": "What does this mean?",
+  "LBRY credits allow you to publish or purchase content.": "LBRY credits allow you to publish or purchase content.",
+  "You can obtain free credits worth %amount% after you provide an email address.": "You can obtain free credits worth %amount% after you provide an email address.",
+  "up to": "up to"
 }

package.json

@@ -1,10 +1,13 @@
 {
   "name": "LBRYApp",
   "version": "0.0.1",
-    "private": "true",
+  "private": true,
   "scripts": {
-        "start": "node node_modules/react-native/local-cli/cli.js start",
+    "android": "react-native run-android",
-        "devtools": "react-devtools",
+    "ios": "react-native run-ios",
+    "start": "react-native start",
+    "test": "jest",
+    "lint": "eslint .",
     "format": "prettier 'src/**/*.{js,json}' --write",
     "precommit": "lint-staged"
   },
@@ -12,8 +15,8 @@
     "base-64": "^0.1.0",
     "@expo/vector-icons": "^8.1.0",
     "gfycat-style-urls": "^1.0.3",
-        "lbry-redux": "lbryio/lbry-redux#c910cd2b80b165843a81fdf6ce96094429b94ec8",
+    "lbry-redux": "lbryio/lbry-redux#69ffd110dbf3633e5847f61f008751edec033017",
-        "lbryinc": "lbryio/lbryinc#053ca52f4f7f9bf8eb62a3581b183671a475ad1c",
+    "lbryinc": "lbryio/lbryinc#667024ebb7cb207609273174ca422cee47469270",
     "lodash": ">=4.17.11",
     "merge": ">=1.2.1",
     "moment": "^2.22.1",
@@ -25,20 +28,22 @@
     "react-native-country-picker-modal": "^1.10.0",
     "react-native-exception-handler": "2.10.8",
     "react-native-fast-image": "^7.0.2",
-        "react-native-fs": "^2.13.3",
+    "react-native-fs": "^2.16.6",
     "react-native-gesture-handler": "1.5.2",
     "react-native-image-zoom-viewer": "^2.2.5",
     "react-native-password-strength-meter": "^0.0.2",
     "react-native-phone-input": "lbryio/react-native-phone-input",
+    "react-native-progress-circle": "2.1.0",
     "react-native-reanimated": "1.4.0",
     "react-native-safe-area-context": "^0.6.2",
+    "react-native-screens": "^2.0.0",
     "react-native-snackbar": "2.0.4",
     "react-native-super-grid": "^3.0.4",
     "react-native-vector-icons": "^6.6.0",
     "react-native-video": "lbryio/react-native-video#7992ff945872f9bd00a3736d9ff1318f343abf47",
     "react-native-webview": "^8.0.2",
     "react-navigation": "^4.0.10",
-        "react-navigation-drawer": "^2.3.3",
+    "react-navigation-drawer": "2.3.3",
     "react-navigation-redux-helpers": "^3.0.2",
     "react-navigation-tabs": "^2.7.0",
     "react-navigation-stack": "^1.10.3",
@@ -72,11 +77,14 @@
     "flow-babel-webpack-plugin": "^1.1.1",
     "husky": "^0.14.3",
     "lint-staged": "^7.0.4",
-        "metro-react-native-babel-preset": "^0.56.0",
+    "metro-react-native-babel-preset": "0.56.3",
     "prettier": "^1.11.1",
     "@react-native-community/eslint-config": "^0.0.5",
     "react-devtools": "^3.6.3",
     "reactotron-react-native": "4.0.2",
     "reactotron-redux": "3.1.2"
+  },
+  "jest": {
+    "preset": "react-native"
   }
 }

src/component/AppNavigator.js

@@ -5,7 +5,9 @@ import DiscoverPage from 'page/discover';
 import DownloadsPage from 'page/downloads';
 import DrawerContent from 'component/drawerContent';
 import FilePage from 'page/file';
+import LiteFilePage from 'page/liteFile';
 import FirstRunScreen from 'page/firstRun';
+import InvitesPage from 'page/invites';
 import PublishPage from 'page/publish';
 import PublishesPage from 'page/publishes';
 import RewardsPage from 'page/rewards';
@@ -18,7 +20,7 @@ import SubscriptionsPage from 'page/subscriptions';
 import TransactionHistoryPage from 'page/transactionHistory';
 import VerificationScreen from 'page/verification';
 import WalletPage from 'page/wallet';
-import { NavigationActions } from 'react-navigation';
+import { NavigationActions, StackActions } from 'react-navigation';
 import { createDrawerNavigator } from 'react-navigation-drawer';
 import { createStackNavigator } from 'react-navigation-stack';
 import {
@@ -29,6 +31,7 @@ import {
 import { connect } from 'react-redux';
 import {
   AppState,
+  Alert,
   BackHandler,
   DeviceEventEmitter,
   Linking,
@@ -38,9 +41,23 @@ import {
   ToastAndroid,
 } from 'react-native';
 import { selectDrawerStack } from 'redux/selectors/drawer';
-import { SETTINGS, doDismissToast, doPopulateSharedUserState, doPreferenceGet, doToast, selectToast } from 'lbry-redux';
+import {
+  Lbry,
+  ACTIONS,
+  SETTINGS,
+  doBalanceSubscribe,
+  doDismissToast,
+  doPopulateSharedUserState,
+  doPreferenceGet,
+  doToast,
+  selectToast,
+} from 'lbry-redux';
 import {
   Lbryio,
+  rewards as REWARD_TYPES,
+  doBlackListedOutpointsSubscribe,
+  doClaimRewardType,
+  doFilteredOutpointsSubscribe,
   doGetSync,
   doUserCheckEmailVerified,
   doUserEmailVerify,
@@ -64,27 +81,19 @@ import discoverStyle from 'styles/discover';
 import searchStyle from 'styles/search';
 import SearchRightHeaderIcon from 'component/searchRightHeaderIcon';
 import Snackbar from 'react-native-snackbar';
+import { doSetSdkReady } from 'redux/actions/settings';
 
 const SYNC_GET_INTERVAL = 1000 * 60 * 5; // every 5 minutes
 
-const menuNavigationButton = navigation => (
-  <NavigationButton
-    name="bars"
-    size={24}
-    style={discoverStyle.drawerMenuButton}
-    iconStyle={discoverStyle.drawerHamburger}
-    onPress={() => navigation.openDrawer()}
-  />
-);
-
 const discoverStack = createStackNavigator(
   {
-    Discover: {
+    Subscriptions: {
-      screen: DiscoverPage,
+      screen: SubscriptionsPage,
-      navigationOptions: ({ navigation }) => ({
+      navigationOptions: {
-        title: 'Explore',
+        title: 'Following',
         header: null,
-      }),
+        drawerIcon: ({ tintColor }) => <Icon name="heart" solid size={drawerIconSize} style={{ color: tintColor }} />,
+      },
     },
     File: {
       screen: FilePage,
@@ -151,10 +160,17 @@ const drawer = createDrawerNavigator(
     DiscoverStack: {
       screen: discoverStack,
       navigationOptions: {
-        title: 'Explore',
+        title: 'Following',
         drawerIcon: ({ tintColor }) => <Icon name="home" size={drawerIconSize} style={{ color: tintColor }} />,
       },
     },
+    Discover: {
+      screen: DiscoverPage,
+      navigationOptions: ({ navigation }) => ({
+        title: 'Your Tags',
+        header: null,
+      }),
+    },
     Trending: {
       screen: TrendingPage,
       navigationOptions: {
@@ -162,13 +178,6 @@ const drawer = createDrawerNavigator(
         drawerIcon: ({ tintColor }) => <Icon name="fire" size={drawerIconSize} style={{ color: tintColor }} />,
       },
     },
-    Subscriptions: {
-      screen: SubscriptionsPage,
-      navigationOptions: {
-        title: 'Subscriptions',
-        drawerIcon: ({ tintColor }) => <Icon name="heart" solid size={drawerIconSize} style={{ color: tintColor }} />,
-      },
-    },
     WalletStack: {
       screen: walletStack,
       navigationOptions: {
@@ -202,6 +211,12 @@ const drawer = createDrawerNavigator(
         drawerIcon: ({ tintColor }) => <Icon name="award" size={drawerIconSize} style={{ color: tintColor }} />,
       },
     },
+    Invites: {
+      screen: InvitesPage,
+      navigationOptions: {
+        drawerIcon: ({ tintColor }) => <Icon name="user-friends" size={drawerIconSize} style={{ color: tintColor }} />,
+      },
+    },
     Downloads: {
       screen: DownloadsPage,
       navigationOptions: {
@@ -262,6 +277,12 @@ const mainStackNavigator = new createStackNavigator(
         drawerLockMode: 'locked-closed',
       },
     },
+    LiteFile: {
+      screen: LiteFilePage,
+      navigationOptions: {
+        drawerLockMode: 'locked-closed',
+      },
+    },
   },
   {
     headerMode: 'none',
@@ -313,6 +334,8 @@ class AppWithNavigationState extends React.Component {
     this.emailVerifyCheckInterval = setInterval(() => this.checkEmailVerification(), 5000);
     Linking.addEventListener('url', this._handleUrl);
 
+    DeviceEventEmitter.addListener('onSdkReady', this.handleSdkReady);
+    DeviceEventEmitter.addListener('onDownloadAborted', this.handleDownloadAborted);
     DeviceEventEmitter.addListener('onDownloadStarted', this.handleDownloadStarted);
     DeviceEventEmitter.addListener('onDownloadUpdated', this.handleDownloadUpdated);
     DeviceEventEmitter.addListener('onDownloadCompleted', this.handleDownloadCompleted);
@@ -351,6 +374,70 @@ class AppWithNavigationState extends React.Component {
     );
   };
 
+  checkNewAndroidReward = () => {
+    const { dispatch, doToast } = this.props;
+    const claimRewardCallback = err => {
+      if (err) {
+        // an error occurred, do not display anything
+        return;
+      }
+      // reward successfully claimed
+      NativeModules.UtilityModule.setNativeBooleanSetting(Constants.SETTING_NEW_ANDROID_REWARD_CLAIMED, true);
+    };
+
+    NativeModules.UtilityModule.getNativeBooleanSetting(Constants.SETTING_NEW_ANDROID_REWARD_CLAIMED, false).then(
+      rewardClaimed => {
+        if (!rewardClaimed) {
+          dispatch(
+            doClaimRewardType(REWARD_TYPES.TYPE_NEW_ANDROID, { notifyError: false, callback: claimRewardCallback }),
+          );
+        }
+      },
+    );
+  };
+
+  handleSdkReady = () => {
+    const { dispatch } = this.props;
+    dispatch(doSetSdkReady());
+    dispatch(doBalanceSubscribe());
+    dispatch(doBlackListedOutpointsSubscribe());
+    dispatch(doFilteredOutpointsSubscribe());
+
+    Lbry.wallet_status().then(secureWalletStatus => {
+      // For now, automatically unlock the wallet if a password is set so that downloads work
+      NativeModules.UtilityModule.getSecureValue(Constants.KEY_WALLET_PASSWORD).then(password => {
+        if ((secureWalletStatus.is_encrypted && !secureWalletStatus.is_locked) || secureWalletStatus.is_locked) {
+          this.setState({
+            message: __('Unlocking account'),
+            details: __('Decrypting wallet'),
+          });
+
+          // unlock the wallet and then finish the splash screen
+          Lbry.wallet_unlock({ password: password || '' }).then(unlocked => {
+            if (unlocked) {
+            } else {
+              // this.handleAccountUnlockFailed();
+            }
+          });
+        }
+      });
+    });
+
+    this.checkNewAndroidReward();
+  };
+
+  handleAccountUnlockFailed() {
+    const { dispatch } = this.props;
+    dispatch(
+      doToast({
+        message: __(
+          'Your wallet failed to unlock, which means you may not be able to play any videos or access your funds. Restart the app to fix this.',
+        ),
+        isError: true,
+      }),
+    );
+  }
+
   handleDownloadStarted = evt => {
     const { dispatch } = this.props;
     const { uri, outpoint, fileInfo } = evt;
@@ -369,7 +456,25 @@ class AppWithNavigationState extends React.Component {
     dispatch(doCompleteDownload(uri, outpoint, fileInfo));
   };
 
+  handleDownloadAborted = evt => {
+    const { dispatch } = this.props;
+    const { uri, outpoint } = evt;
+    dispatch({
+      type: ACTIONS.DOWNLOADING_CANCELED,
+      data: { uri, outpoint },
+    });
+
+    dispatch({
+      type: ACTIONS.FILE_DELETE,
+      data: {
+        outpoint,
+      },
+    });
+  };
+
   componentWillUnmount() {
+    DeviceEventEmitter.removeListener('onSdkReady', this.handleSdkReady);
+    DeviceEventEmitter.removeListener('onDownloadAborted', this.handleDownloadAborted);
     DeviceEventEmitter.removeListener('onDownloadStarted', this.handleDownloadStarted);
     DeviceEventEmitter.removeListener('onDownloadUpdated', this.handleDownloadUpdated);
     DeviceEventEmitter.removeListener('onDownloadCompleted', this.handleDownloadCompleted);
@@ -504,7 +609,7 @@ class AppWithNavigationState extends React.Component {
         try {
           verification = JSON.parse(atob(evt.url.substring(15)));
         } catch (error) {
-          console.log(error);
+          // console.log(error);
         }
 
         if (verification.token && verification.recaptcha) {

src/component/channelIconItem/index.js

@@ -19,7 +19,4 @@ const perform = dispatch => ({
   resolveUri: uri => dispatch(doResolveUri(uri)),
 });
 
-export default connect(
+export default connect(select, perform)(ChannelIconItem);
-  select,
-  perform
-)(ChannelIconItem);

src/component/channelSelector/index.js

@@ -19,11 +19,11 @@ const select = state => ({
 const perform = dispatch => ({
   notify: data => dispatch(doToast(data)),
   createChannel: (name, amount) => dispatch(doCreateChannel(name, amount)),
-  fetchChannelListMine: () => dispatch(doFetchChannelListMine()),
+  fetchChannelListMine: () => dispatch(doFetchChannelListMine(1, 99999, true)),
   getSync: (password, callback) => dispatch(doGetSync(password, callback)),
 });
 
 export default connect(
   select,
-  perform
+  perform,
 )(ChannelSelector);

src/component/channelSelector/view.js

@@ -36,10 +36,14 @@ export default class ChannelSelector extends React.PureComponent {
   }
 
   componentWillReceiveProps(nextProps) {
-    const { channels: prevChannels = [], channelName } = this.props;
+    const { channels: prevChannels = [], channelName: prevChannelName } = this.props;
-    const { channels = [] } = nextProps;
+    const { channels = [], channelName } = nextProps;
 
     if (channels && channels.length !== prevChannels.length && channelName !== this.state.currentSelectedValue) {
+      this.setState({ currentSelectedValue: prevChannelName });
+    }
+
+    if (channelName !== prevChannelName) {
       this.setState({ currentSelectedValue: channelName });
     }
   }
@@ -189,10 +193,11 @@ export default class ChannelSelector extends React.PureComponent {
 
   render() {
     const channel = this.state.addingChannel ? 'new' : this.props.channel;
-    const { balance, enabled, fetchingChannels, channels = [] } = this.props;
+    const { balance, enabled, fetchingChannels, channels = [], showAnonymous } = this.props;
-    const pickerItems = [Constants.ITEM_ANONYMOUS, Constants.ITEM_CREATE_A_CHANNEL].concat(
+    const pickerItems = (showAnonymous
-      channels ? channels.map(ch => ch.name) : [],
+      ? [Constants.ITEM_ANONYMOUS, Constants.ITEM_CREATE_A_CHANNEL]
-    );
+      : [Constants.ITEM_CREATE_A_CHANNEL]
+    ).concat(channels ? channels.map(ch => ch.name) : []);
 
     const {
       newChannelName,

src/component/claimList/index.js

@@ -12,18 +12,15 @@ import Constants from 'constants'; // eslint-disable-line node/no-deprecated-api
 import ClaimList from './view';
 
 const select = state => ({
-  showNsfwContent: selectShowNsfw(state),
   claimSearchByQuery: selectClaimSearchByQuery(state),
   lastPageReached: selectClaimSearchByQueryLastPageReached(state),
   loadingByQuery: selectFetchingClaimSearchByQuery(state),
   loading: selectFetchingClaimSearch(state),
+  showNsfwContent: selectShowNsfw(state),
 });
 
 const perform = dispatch => ({
   claimSearch: options => dispatch(doClaimSearch(options)),
 });
 
-export default connect(
+export default connect(select, perform)(ClaimList);
-  select,
-  perform
-)(ClaimList);

src/component/claimResultItem/index.js

@@ -10,6 +10,7 @@ import {
   makeSelectTitleForUri,
   makeSelectThumbnailForUri,
 } from 'lbry-redux';
+import { doSetPlayerVisible } from 'redux/actions/drawer';
 import { selectBlackListedOutpoints, selectFilteredOutpoints, selectRewardContentClaimIds } from 'lbryinc';
 import { selectShowNsfw } from 'redux/selectors/settings';
 import ClaimResultItem from './view';
@@ -32,9 +33,7 @@ const select = (state, props) => ({
 
 const perform = dispatch => ({
   resolveUri: uri => dispatch(doResolveUri(uri)),
+  setPlayerVisible: (visible, uri) => dispatch(doSetPlayerVisible(visible, uri)),
 });
 
-export default connect(
+export default connect(select, perform)(ClaimResultItem);
-  select,
-  perform,
-)(ClaimResultItem);

src/component/claimResultItem/view.js

@@ -39,14 +39,18 @@ class ClaimResultItem extends React.PureComponent {
   }
 
   onPressHandler = () => {
-    const { autoplay, navigation, result } = this.props;
+    const { autoplay, navigation, result, urlOpenHandler, setPlayerVisible } = this.props;
     const { claimId, name } = result;
     const url = normalizeURI(`${name}#${claimId}`);
-    navigateToUri(navigation, url, { autoplay }, false, url);
+    if (urlOpenHandler) {
+      urlOpenHandler(url);
+    } else {
+      navigateToUri(navigation, url, { autoplay }, false, url, setPlayerVisible);
+    }
   };
 
   render() {
-    const { fileInfo, navigation, obscureNsfw, result, rewardedContentClaimIds, style } = this.props;
+    const { fileInfo, navigation, obscureNsfw, result, rewardedContentClaimIds, setPlayerVisible, style } = this.props;
     const {
       channel,
       channel_claim_id: channelClaimId,
@@ -134,6 +138,7 @@ class ClaimResultItem extends React.PureComponent {
                     null,
                     false,
                     isChannel ? url : channelUrl,
+                    setPlayerVisible,
                   );
                 }}
               />
@@ -141,7 +146,7 @@ class ClaimResultItem extends React.PureComponent {
 
             <View style={fileListStyle.info}>
               {fileInfo && !isNaN(fileInfo.written_bytes) && fileInfo.written_bytes > 0 && (
-                <Text>{getStorageForFileInfo(fileInfo)}</Text>
+                <Text style={fileListStyle.infoText}>{getStorageForFileInfo(fileInfo)}</Text>
               )}
               <DateTime
                 style={fileListStyle.publishInfo}

src/component/drawerContent/index.js

@@ -1,18 +1,19 @@
 import { connect } from 'react-redux';
-import { doFetchChannelListMine, selectMyChannelClaims } from 'lbry-redux';
+import { doToast, selectBalance, selectMyChannelClaims } from 'lbry-redux';
-import { selectUser } from 'lbryinc';
+import { selectUnclaimedRewardValue, selectUser } from 'lbryinc';
+import { selectSdkReady } from 'redux/selectors/settings';
 import DrawerContent from './view';
 
 const select = state => ({
+  balance: selectBalance(state),
   channels: selectMyChannelClaims(state),
+  sdkReady: selectSdkReady(state),
+  unclaimedRewardAmount: selectUnclaimedRewardValue(state),
   user: selectUser(state),
 });
 
 const perform = dispatch => ({
-  fetchChannelListMine: () => dispatch(doFetchChannelListMine()),
+  notify: data => dispatch(doToast(data)),
 });
 
-export default connect(
+export default connect(select, perform)(DrawerContent);
-  select,
-  perform
-)(DrawerContent);

src/component/drawerContent/view.js

@@ -6,11 +6,13 @@ import Constants from 'constants'; // eslint-disable-line node/no-deprecated-api
 import Icon from 'react-native-vector-icons/FontAwesome5';
 import channelIconStyle from 'styles/channelIcon';
 import discoverStyle from 'styles/discover';
+import { Lbryio } from 'lbryinc';
+import { formatUsd } from 'utils/helper';
 
 const groupedMenuItems = {
   'Find content': [
-    { icon: 'hashtag', label: 'Your Tags', route: Constants.DRAWER_ROUTE_DISCOVER },
     { icon: 'heart', solid: true, label: 'Following', route: Constants.DRAWER_ROUTE_SUBSCRIPTIONS },
+    { icon: 'hashtag', label: 'Your Tags', route: Constants.DRAWER_ROUTE_DISCOVER },
     { icon: 'globe-americas', label: 'All Content', route: Constants.DRAWER_ROUTE_TRENDING },
   ],
   'Your content': [
@@ -22,6 +24,7 @@ const groupedMenuItems = {
   Wallet: [
     { icon: 'wallet', label: 'Wallet', route: Constants.DRAWER_ROUTE_WALLET },
     { icon: 'award', label: 'Rewards', route: Constants.DRAWER_ROUTE_REWARDS },
+    { icon: 'user-friends', label: 'Invites', route: Constants.DRAWER_ROUTE_INVITES },
   ],
   Settings: [
     { icon: 'cog', label: 'Settings', route: Constants.DRAWER_ROUTE_SETTINGS },
@@ -30,11 +33,27 @@ const groupedMenuItems = {
 };
 
 const groupNames = Object.keys(groupedMenuItems);
+const routesRequiringSdkReady = [
+  Constants.DRAWER_ROUTE_CHANNEL_CREATOR,
+  Constants.DRAWER_ROUTE_MY_LBRY,
+  Constants.DRAWER_ROUTE_PUBLISHES,
+  Constants.DRAWER_ROUTE_PUBLISH,
+  Constants.DRAWER_ROUTE_WALLET,
+  Constants.DRAWER_ROUTE_REWARDS,
+  Constants.DRAWER_ROUTE_INVITES,
+];
 
 class DrawerContent extends React.PureComponent {
+  state = {
+    usdExchangeRate: 0,
+  };
+
   componentDidMount() {
-    const { fetchChannelListMine } = this.props;
+    Lbryio.getExchangeRates().then(rates => {
-    fetchChannelListMine();
+      if (!isNaN(rates.LBC_USD)) {
+        this.setState({ usdExchangeRate: rates.LBC_USD });
+      }
+    });
   }
 
   getAvatarImageUrl = () => {
@@ -61,8 +80,23 @@ class DrawerContent extends React.PureComponent {
     });
   };
 
+  handleItemPress = routeName => {
+    const { navigation, notify, sdkReady } = this.props;
+    if (!sdkReady && routesRequiringSdkReady.includes(routeName)) {
+      if (navigation.closeDrawer) {
+        navigation.closeDrawer();
+      }
+      notify({
+        message: __('The background service is still initializing. Please try again when initialization is complete.'),
+      });
+      return;
+    }
+
+    navigation.navigate({ routeName: routeName });
+  };
+
   render() {
-    const { activeTintColor, navigation, user, onItemPress } = this.props;
+    const { activeTintColor, balance, navigation, unclaimedRewardAmount, user, onItemPress } = this.props;
     const { state } = navigation;
 
     const activeItemKey = state.routes[state.index] ? state.routes[state.index].key : null;
@@ -144,7 +178,7 @@ class DrawerContent extends React.PureComponent {
                     const focused =
                       activeItemKey === item.route ||
                       (activeItemKey === Constants.FULL_ROUTE_NAME_DISCOVER &&
-                        item.route === Constants.DRAWER_ROUTE_DISCOVER) ||
+                        item.route === Constants.DRAWER_ROUTE_SUBSCRIPTIONS) ||
                       (activeItemKey === Constants.FULL_ROUTE_NAME_WALLET &&
                         item.route === Constants.DRAWER_ROUTE_WALLET);
                     return (
@@ -156,7 +190,7 @@ class DrawerContent extends React.PureComponent {
                           focused ? discoverStyle.menuItemTouchAreaFocused : null,
                         ]}
                         key={item.label}
-                        onPress={() => navigation.navigate({ routeName: item.route })}
+                        onPress={() => this.handleItemPress(item.route)}
                         delayPressIn={0}
                       >
                         <View style={discoverStyle.menuItemIcon}>
@@ -169,6 +203,15 @@ class DrawerContent extends React.PureComponent {
                         </View>
                         <Text style={[discoverStyle.menuItem, focused ? discoverStyle.menuItemFocused : null]}>
                           {__(item.label)}
+                          {item.label === 'Wallet' && this.state.usdExchangeRate > 0 && (
+                            <Text> ({formatUsd(parseFloat(balance) * parseFloat(this.state.usdExchangeRate))})</Text>
+                          )}
+                          {item.label === 'Rewards' && this.state.usdExchangeRate > 0 && (
+                            <Text>
+                              {' '}
+                              ({formatUsd(parseFloat(unclaimedRewardAmount) * parseFloat(this.state.usdExchangeRate))})
+                            </Text>
+                          )}
                         </Text>
                       </TouchableOpacity>
                     );

src/component/fileItem/index.js

@@ -10,6 +10,7 @@ import {
   makeSelectClaimIsNsfw,
   makeSelectShortUrlForUri,
 } from 'lbry-redux';
+import { doSetPlayerVisible } from 'redux/actions/drawer';
 import { selectBlackListedOutpoints, selectFilteredOutpoints, selectRewardContentClaimIds } from 'lbryinc';
 import { selectShowNsfw } from 'redux/selectors/settings';
 import FileItem from './view';
@@ -31,9 +32,7 @@ const select = (state, props) => ({
 
 const perform = dispatch => ({
   resolveUri: uri => dispatch(doResolveUri(uri)),
+  setPlayerVisible: (visible, uri) => dispatch(doSetPlayerVisible(visible, uri)),
 });
 
-export default connect(
+export default connect(select, perform)(FileItem);
-  select,
-  perform
-)(FileItem);

src/component/fileItem/view.js

@@ -56,6 +56,7 @@ class FileItem extends React.PureComponent {
       obscureNsfw,
       showDetails,
       compactView,
+      setPlayerVisible,
       titleBeforeThumbnail,
     } = this.props;
 
@@ -69,7 +70,9 @@ class FileItem extends React.PureComponent {
       const outpointsToHide = !blackListedOutpoints
         ? filteredOutpoints
         : blackListedOutpoints.concat(filteredOutpoints);
-      shouldHide = outpointsToHide.some(outpoint => outpoint.txid === claim.txid && outpoint.nout === claim.nout);
+      shouldHide = outpointsToHide.some(
+        outpoint => outpoint && outpoint.txid === claim.txid && outpoint.nout === claim.nout,
+      );
     }
     if (shouldHide) {
       // don't display blacklisted or filtered outpoints on the Your tags page
@@ -135,6 +138,7 @@ class FileItem extends React.PureComponent {
                       null,
                       false,
                       fullChannelUri,
+                      setPlayerVisible,
                     );
                   }}
                 />

src/component/fileListItem/index.js

@@ -10,6 +10,7 @@ import {
   makeSelectTitleForUri,
   makeSelectThumbnailForUri,
 } from 'lbry-redux';
+import { doSetPlayerVisible } from 'redux/actions/drawer';
 import { selectBlackListedOutpoints, selectFilteredOutpoints, selectRewardContentClaimIds } from 'lbryinc';
 import { selectShowNsfw } from 'redux/selectors/settings';
 import FileListItem from './view';
@@ -32,9 +33,7 @@ const select = (state, props) => ({
 
 const perform = dispatch => ({
   resolveUri: uri => dispatch(doResolveUri(uri)),
+  setPlayerVisible: (visible, uri) => dispatch(doSetPlayerVisible(visible, uri)),
 });
 
-export default connect(
+export default connect(select, perform)(FileListItem);
-  select,
-  perform,
-)(FileListItem);

src/component/fileListItem/view.js

@@ -80,6 +80,7 @@ class FileListItem extends React.PureComponent {
       onPress,
       navigation,
       rewardedContentClaimIds,
+      setPlayerVisible,
       thumbnail,
       hideChannel,
       onLongPress,
@@ -98,9 +99,13 @@ class FileListItem extends React.PureComponent {
       isRewardContent,
       channelClaimId,
       fullChannelUri,
+      repostUrl,
+      repostChannel,
+      repostChannelUrl,
       shortChannelUri,
       shouldHide,
-      signingChannel;
+      signingChannel,
+      isRepost;
     if (claim) {
       name = claim.name;
       signingChannel = claim.signing_channel;
@@ -110,12 +115,21 @@ 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 (repostUrl) {
+        const { claimName: repostName, channelName } = parseURI(repostUrl);
+        repostChannel = channelName;
+      }
+      isRepost = !!repostUrl;
 
       if (blackListedOutpoints || filteredOutpoints) {
         const outpointsToHide = !blackListedOutpoints
           ? filteredOutpoints
           : blackListedOutpoints.concat(filteredOutpoints);
-        shouldHide = outpointsToHide.some(outpoint => outpoint.txid === claim.txid && outpoint.nout === claim.nout);
+        shouldHide = outpointsToHide.some(
+          outpoint => outpoint && outpoint.txid === claim.txid && outpoint.nout === claim.nout,
+        );
       }
 
       // TODO: hide channels on tag pages?
@@ -126,11 +140,33 @@ class FileListItem extends React.PureComponent {
       return null;
     }
 
+    const actualHideChannel = !isRepost && hideChannel;
     const isChannel = name && name.startsWith('@');
     const hasThumbnail = !!thumbnail;
-
     return (
-      <View style={style}>
+      <View>
+        {isRepost && (
+          <View style={fileListStyle.repostInfo}>
+            <Icon name={'retweet'} size={14} style={fileListStyle.repostIcon} />
+            <Text style={fileListStyle.repostChannelName}>
+              <Link
+                text={`@${repostChannel}`}
+                onPress={() =>
+                  navigateToUri(
+                    navigation,
+                    normalizeURI(repostChannelUrl || `@${repostChannel}`),
+                    null,
+                    false,
+                    null,
+                    false,
+                  )
+                }
+              />{' '}
+              reposted
+            </Text>
+          </View>
+        )}
+
         <TouchableOpacity
           style={[style, isChannel ? fileListStyle.channelContainer : null]}
           onPress={this.onPressHandler}
@@ -211,7 +247,7 @@ class FileListItem extends React.PureComponent {
               <View style={fileListStyle.titleContainer}>
                 <Text
                   style={featuredResult ? fileListStyle.featuredTitle : fileListStyle.title}
-                  numberOfLines={hideChannel ? 4 : 3}
+                  numberOfLines={actualHideChannel ? 4 : 3}
                 >
                   {title || name}
                 </Text>
@@ -225,7 +261,7 @@ class FileListItem extends React.PureComponent {
               </View>
             )}
 
-            {(channel || isChannel) && !hideChannel && (
+            {(channel || isChannel) && !actualHideChannel && (
               <Link
                 style={fileListStyle.publisher}
                 text={isChannel ? name : channel}
@@ -236,6 +272,7 @@ class FileListItem extends React.PureComponent {
                     null,
                     false,
                     isChannel ? claim && claim.permanent_url : fullChannelUri,
+                    setPlayerVisible,
                   );
                 }}
               />

src/component/floatingWalletBalance/index.js

@@ -2,7 +2,7 @@ import { connect } from 'react-redux';
 import { makeSelectClientSetting } from 'redux/selectors/settings';
 import { selectBalance } from 'lbry-redux';
 import { selectUnclaimedRewardValue } from 'lbryinc';
-import Constants from 'constants';
+import Constants from 'constants'; // eslint-disable-line node/no-deprecated-api
 import FloatingWalletBalance from './view';
 
 const select = state => ({
@@ -11,7 +11,4 @@ const select = state => ({
   rewardsNotInterested: makeSelectClientSetting(Constants.SETTING_REWARDS_NOT_INTERESTED)(state),
 });
 
-export default connect(
+export default connect(select, null)(FloatingWalletBalance);
-  select,
-  null
-)(FloatingWalletBalance);

src/component/mediaPlayer/view.js

@@ -36,7 +36,7 @@ class MediaPlayer extends React.PureComponent {
   constructor(props) {
     super(props);
     this.state = {
-      buffering: false,
+      buffering: true,
       backgroundPlayEnabled: false,
       autoPaused: false,
       rate: 1,
@@ -45,9 +45,9 @@ class MediaPlayer extends React.PureComponent {
       resizeMode: 'contain',
       duration: 0.0,
       currentTime: 0.0,
-      paused: !props.autoPlay,
+      paused: true,
       fullscreenMode: false,
-      areControlsVisible: true,
+      areControlsVisible: false,
       controlsTimeout: -1,
       seekerOffset: 0,
       seekerPosition: 0,
@@ -87,7 +87,9 @@ class MediaPlayer extends React.PureComponent {
   }
 
   onLoad = data => {
+    const { autoPlay } = this.props;
     this.setState({
+      buffering: false,
       duration: data.duration,
     });
 
@@ -100,13 +102,17 @@ class MediaPlayer extends React.PureComponent {
     if (this.props.onMediaLoaded) {
       this.props.onMediaLoaded();
     }
+
+    if (autoPlay) {
+      this.setState({ paused: false });
+    }
   };
 
   onProgress = data => {
     const { savePosition, claim } = this.props;
 
     this.setState({ buffering: false, currentTime: data.currentTime });
-    if (data.currentTime > 0 && Math.floor(data.currentTime) % positionSaveInterval === 0) {
+    if (claim && data.currentTime > 0 && Math.floor(data.currentTime) % positionSaveInterval === 0) {
       const { claim_id: claimId, txid, nout } = claim;
       savePosition(claimId, `${txid}:${nout}`, data.currentTime);
     }
@@ -167,7 +173,7 @@ class MediaPlayer extends React.PureComponent {
 
   togglePlay = () => {
     this.showPlayerControls();
-    this.setState({ paused: !this.state.paused }, this.handlePausedState);
+    this.setState({ paused: !this.state.paused }, this.updateBackgroundMediaNotification);
   };
 
   handlePausedState = () => {
@@ -188,7 +194,7 @@ class MediaPlayer extends React.PureComponent {
   };
 
   onEnd = () => {
-    this.setState({ paused: true });
+    this.setState({ paused: true }, this.updateBackgroundMediaNotification);
     if (this.props.onPlaybackFinished) {
       this.props.onPlaybackFinished();
     }
@@ -327,6 +333,10 @@ class MediaPlayer extends React.PureComponent {
     }
   };
 
+  onFocusChanged = evt => {
+    this.setState({ paused: !(this.state.paused && evt.hasAudioFocus) }, this.updateBackgroundMediaNotification);
+  };
+
   onBuffer = () => {
     if (!this.state.paused) {
       this.setState({ buffering: true }, () => this.manualHidePlayerControls());
@@ -341,6 +351,12 @@ class MediaPlayer extends React.PureComponent {
     this.setState({ paused: true }, this.updateBackgroundMediaNotification);
   };
 
+  handleSeek = time => {
+    const { currentTime } = this.state;
+    const newTime = currentTime + time;
+    this.seekTo(newTime);
+  };
+
   updateBackgroundMediaNotification = () => {
     this.handlePausedState();
     const { backgroundPlayEnabled } = this.props;
@@ -362,14 +378,26 @@ class MediaPlayer extends React.PureComponent {
             <Icon name={'arrow-left'} size={18} style={mediaPlayerStyle.backButtonIcon} />
           </TouchableOpacity>
 
-          <TouchableOpacity style={mediaPlayerStyle.playPauseButton} onPress={this.togglePlay}>
+          <View style={mediaPlayerStyle.midControls}>
-            {this.state.paused && <Icon name="play" size={40} color="#ffffff" />}
+            <TouchableOpacity style={mediaPlayerStyle.rewind10} onPress={() => this.handleSeek(-10)}>
-            {!this.state.paused && <Icon name="pause" size={40} color="#ffffff" />}
+              <Icon name="undo" size={24} color={Colors.White} />
+              <Text style={[mediaPlayerStyle.midControlText, mediaPlayerStyle.leftMidControlText]}>10</Text>
             </TouchableOpacity>
 
+            <TouchableOpacity style={mediaPlayerStyle.playPauseButton} onPress={this.togglePlay}>
+              {this.state.paused && <Icon name="play" size={40} color={Colors.White} />}
+              {!this.state.paused && <Icon name="pause" size={40} color={Colors.White} />}
+            </TouchableOpacity>
+
+            <TouchableOpacity style={mediaPlayerStyle.forward10} onPress={() => this.handleSeek(10)}>
+              <Icon name="redo" size={24} color={Colors.White} />
+              <Text style={[mediaPlayerStyle.midControlText, mediaPlayerStyle.rightMidControlText]}>10</Text>
+            </TouchableOpacity>
+          </View>
+
           <TouchableOpacity style={mediaPlayerStyle.toggleFullscreenButton} onPress={this.toggleFullscreenMode}>
-            {this.state.fullscreenMode && <Icon name="compress" size={16} color="#ffffff" />}
+            {this.state.fullscreenMode && <Icon name="compress" size={16} color={Colors.White} />}
-            {!this.state.fullscreenMode && <Icon name="expand" size={16} color="#ffffff" />}
+            {!this.state.fullscreenMode && <Icon name="expand" size={16} color={Colors.White} />}
           </TouchableOpacity>
 
           <Text style={mediaPlayerStyle.elapsedDuration}>{this.formatTime(this.state.currentTime)}</Text>
@@ -451,6 +479,7 @@ class MediaPlayer extends React.PureComponent {
           onEnd={this.onEnd}
           onError={this.onError}
           minLoadRetryCount={999}
+          onAudioFocusChanged={this.onFocusChanged}
         />
 
         {this.state.firstPlay && thumbnail && (

src/component/modalRepostView/index.js

@@ -0,0 +1,28 @@
+import { connect } from 'react-redux';
+import {
+  doClearRepostError,
+  doFetchChannelListMine,
+  doRepost,
+  doToast,
+  selectBalance,
+  selectMyChannelClaims,
+  selectRepostError,
+  selectRepostLoading,
+} from 'lbry-redux';
+import ModalRepostView from './view';
+
+const select = state => ({
+  balance: selectBalance(state),
+  channels: selectMyChannelClaims(state),
+  reposting: selectRepostLoading(state),
+  error: selectRepostError(state),
+});
+
+const perform = dispatch => ({
+  fetchChannelListMine: () => dispatch(doFetchChannelListMine(1, 99999, true)),
+  notify: data => dispatch(doToast(data)),
+  repost: options => dispatch(doRepost(options)),
+  clearError: () => dispatch(doClearRepostError()),
+});
+
+export default connect(select, perform)(ModalRepostView);

src/component/modalRepostView/view.js

@@ -0,0 +1,204 @@
+import React from 'react';
+import { ActivityIndicator, Alert, Text, TextInput, TouchableOpacity, View } from 'react-native';
+import { formatCredits, creditsToString } from 'lbry-redux';
+import modalStyle from 'styles/modal';
+import modalRepostStyle from 'styles/modalRepost';
+import ChannelSelector from 'component/channelSelector';
+import Button from 'component/button';
+import Colors from 'styles/colors';
+import Constants from 'constants'; // eslint-disable-line node/no-deprecated-api
+import Icon from 'react-native-vector-icons/FontAwesome5';
+import Link from 'component/link';
+import { logPublish } from 'utils/helper';
+
+export default class ModalRepostView extends React.PureComponent {
+  depositAmountInput;
+
+  state = {
+    channelName: null,
+    creditsInputFocused: false,
+    depositAmount: '0.01',
+    repostName: null,
+    repostStarted: false,
+    showAdvanced: false,
+  };
+
+  componentDidMount() {
+    const { claim, fetchChannelListMine } = this.props;
+    const { name } = claim;
+    fetchChannelListMine();
+    this.setState({ repostName: name });
+    this.checkChannelSelection(this.props);
+  }
+
+  componentWillReceiveProps(nextProps) {
+    this.checkChannelSelection(nextProps);
+    const { notify } = this.props;
+    const { reposting, error } = nextProps;
+    if (this.state.repostStarted && !reposting && error) {
+      this.setState({ repostStarted: false });
+      notify({ message: error, isError: true });
+    }
+  }
+
+  checkChannelSelection = props => {
+    const { channels = [] } = props;
+    if (!this.state.channelName && channels && channels.length > 0) {
+      const firstChannel = channels[0];
+      this.setState({ channelName: firstChannel.name });
+    }
+  };
+
+  handleChannelChange = channelName => {
+    const { channels = [] } = this.props;
+    if (channels && channels.length > 0) {
+      const filtered = channels.filter(c => c.name === channelName);
+      if (filtered.length > 0) {
+        const channel = filtered[0];
+        this.setState({ channelName });
+      }
+    }
+  };
+
+  handleRepost = () => {
+    const { claim, balance, notify, repost, onRepostSuccessful, channels = [], clearError } = this.props;
+    const { depositAmount, repostName, channelName } = this.state;
+
+    if (parseInt(depositAmount, 10) > balance) {
+      notify({
+        message: 'Insufficient credits',
+        isError: true,
+      });
+      return;
+    }
+
+    clearError();
+    const channel = channels.filter(ch => ch.name === channelName)[0];
+    this.setState({ repostStarted: true }, () => {
+      repost({
+        name: repostName,
+        bid: creditsToString(depositAmount),
+        channel_id: channel.claim_id,
+        claim_id: claim.claim_id,
+      }).then(repostClaim => {
+        logPublish(repostClaim);
+        this.setState({ repostStarted: false });
+        notify({ message: __('The content was successfully reposted!') });
+        if (onRepostSuccessful) onRepostSuccessful();
+      });
+    });
+  };
+
+  render() {
+    const { balance, channels, reposting, title, onCancelPress, onOverlayPress } = this.props;
+    const canRepost = !!this.state.channelName && !!this.state.repostName;
+    const channelsLoaded = channels && channels.length > 0;
+    const processing = this.state.repostStarted || reposting || !channelsLoaded;
+
+    return (
+      <TouchableOpacity style={modalStyle.overlay} activeOpacity={1} onPress={onOverlayPress}>
+        <TouchableOpacity style={modalStyle.container} activeOpacity={1}>
+          <View
+            style={modalRepostStyle.container}
+            onLayout={() => {
+              if (this.tipAmountInput) {
+                this.tipAmountInput.focus();
+              }
+            }}
+          >
+            <Text style={modalRepostStyle.title} numberOfLines={1}>
+              {__('Repost %title%', { title })}
+            </Text>
+            <Text style={modalRepostStyle.infoText}>
+              {__('Repost your favorite content to help more people discover them!')}
+            </Text>
+
+            <Text style={modalRepostStyle.label}>{__('Channel to post on')}</Text>
+            <ChannelSelector
+              showAnonymous={false}
+              channelName={this.state.channelName}
+              onChannelChange={this.handleChannelChange}
+            />
+
+            {this.state.showAdvanced && (
+              <View>
+                <Text style={modalRepostStyle.label}>{__('Name')}</Text>
+                <View style={modalRepostStyle.nameRow}>
+                  <TextInput
+                    editable={false}
+                    value={this.state.channelName ? `lbry://${this.state.channelName}/` : ''}
+                    style={modalRepostStyle.input}
+                  />
+                  <TextInput
+                    editable={canRepost}
+                    value={this.state.repostName}
+                    underlineColorAndroid={Colors.NextLbryGreen}
+                    selectTextOnFocus
+                    onChangeText={value => this.setState({ repostName: value })}
+                    style={modalRepostStyle.input}
+                  />
+                </View>
+
+                <Text style={modalRepostStyle.label}>{__('Deposit')}</Text>
+                <View style={modalRepostStyle.row}>
+                  <View style={modalRepostStyle.amountRow}>
+                    <TextInput
+                      editable={!this.state.repostStarted}
+                      ref={ref => (this.depositAmountInput = ref)}
+                      onChangeText={value => this.setState({ tipAmount: value })}
+                      underlineColorAndroid={Colors.NextLbryGreen}
+                      keyboardType={'numeric'}
+                      onFocus={() => this.setState({ creditsInputFocused: true })}
+                      onBlur={() => this.setState({ creditsInputFocused: false })}
+                      placeholder={'0'}
+                      value={this.state.depositAmount}
+                      selectTextOnFocus
+                      style={modalRepostStyle.depositAmountInput}
+                    />
+                    <Text style={modalRepostStyle.currency}>LBC</Text>
+                    <View style={modalRepostStyle.balance}>
+                      {this.state.creditsInputFocused && <Icon name="coins" size={12} />}
+                      {this.state.creditsInputFocused && (
+                        <Text style={modalRepostStyle.balanceText}>{formatCredits(parseFloat(balance), 1, true)}</Text>
+                      )}
+                    </View>
+                  </View>
+                </View>
+              </View>
+            )}
+
+            <View style={modalRepostStyle.buttonRow}>
+              {!processing && (
+                <Link
+                  style={modalRepostStyle.cancelLink}
+                  text={__('Cancel')}
+                  onPress={() => {
+                    if (onCancelPress) onCancelPress();
+                  }}
+                />
+              )}
+
+              {processing && <ActivityIndicator size={'small'} color={Colors.NextLbryGreen} />}
+
+              <View style={modalRepostStyle.rightButtonRow}>
+                <Link
+                  style={modalRepostStyle.advancedLink}
+                  text={this.state.showAdvanced ? __('Hide advanced') : __('Show advanced')}
+                  onPress={() => {
+                    this.setState({ showAdvanced: !this.state.showAdvanced });
+                  }}
+                />
+                <Button
+                  text={__('Repost')}
+                  style={modalRepostStyle.button}
+                  disabled={!canRepost || this.state.repostStarted || reposting}
+                  onPress={this.handleRepost}
+                />
+              </View>
+            </View>
+          </View>
+        </TouchableOpacity>
+      </TouchableOpacity>
+    );
+  }
+}

src/component/modalSuggestedSubscriptions/index.js

@@ -1,4 +1,9 @@
 import { connect } from 'react-redux';
+import { selectFetchingClaimSearch } from 'lbry-redux';
 import ModalSuggestedSubscriptions from './view';
 
-export default connect()(ModalSuggestedSubscriptions);
+const select = state => ({
+  loadingSuggested: selectFetchingClaimSearch(state),
+});
+
+export default connect(select)(ModalSuggestedSubscriptions);

src/component/modalSuggestedSubscriptions/view.js

@@ -1,23 +1,26 @@
 import React from 'react';
-import { ScrollView, Text, TouchableOpacity, View } from 'react-native';
+import { ActivityIndicator, ScrollView, Text, TouchableOpacity, View } from 'react-native';
 import modalStyle from 'styles/modal';
 import subscriptionsStyle from 'styles/subscriptions';
 import Button from 'component/button';
 import Colors from 'styles/colors';
-import SuggestedSubscriptions from 'component/suggestedSubscriptions';
+import SuggestedSubscriptionsGrid from 'component/suggestedSubscriptionsGrid';
 import Constants from 'constants'; // eslint-disable-line node/no-deprecated-api
 import Icon from 'react-native-vector-icons/FontAwesome5';
 
 export default class ModalSuggestedSubcriptions extends React.PureComponent {
   render() {
-    const { navigation, onDonePress, onOverlayPress } = this.props;
+    const { loadingSuggested, navigation, onDonePress, onOverlayPress } = this.props;
 
     return (
       <TouchableOpacity style={modalStyle.overlay} activeOpacity={1} onPress={onOverlayPress}>
         <TouchableOpacity style={[modalStyle.container, subscriptionsStyle.modalContainer]} activeOpacity={1}>
-          <SuggestedSubscriptions inModal navigation={navigation} />
+          <SuggestedSubscriptionsGrid inModal navigation={navigation} />
-          <View style={modalStyle.buttons}>
+          <View style={modalStyle.wideButtons}>
-            <Button style={modalStyle.doneButton} text={__('Done')} onPress={onDonePress} />
+            <Button style={modalStyle.wideDoneButton} text={__('Done')} onPress={onDonePress} />
+            {loadingSuggested && (
+              <ActivityIndicator size="small" color={Colors.White} style={subscriptionsStyle.modalLoading} />
+            )}
           </View>
         </TouchableOpacity>
       </TouchableOpacity>

src/component/modalTipView/index.js

@@ -1,9 +1,11 @@
 import { connect } from 'react-redux';
 import { doSendTip, doToast, selectBalance } from 'lbry-redux';
+import { selectSdkReady } from 'redux/selectors/settings';
 import ModalTipView from './view';
 
 const select = state => ({
   balance: selectBalance(state),
+  sdkReady: selectSdkReady(state),
 });
 
 const perform = dispatch => ({
@@ -12,7 +14,4 @@ const perform = dispatch => ({
     dispatch(doSendTip(amount, claimId, isSupport, successCallback, errorCallback)),
 });
 
-export default connect(
+export default connect(select, perform)(ModalTipView);
-  select,
-  perform
-)(ModalTipView);

src/component/modalTipView/view.js

@@ -5,7 +5,6 @@ import modalStyle from 'styles/modal';
 import modalTipStyle from 'styles/modalTip';
 import Button from 'component/button';
 import Colors from 'styles/colors';
-import Constants from 'constants'; // eslint-disable-line node/no-deprecated-api
 import Icon from 'react-native-vector-icons/FontAwesome5';
 import Link from 'component/link';
 
@@ -19,12 +18,22 @@ export default class ModalTipView extends React.PureComponent {
   };
 
   handleSendTip = () => {
-    const { claim, balance, notify, onSendTipFailed, onSendTipSuccessful, sendTip } = this.props;
+    const { claim, balance, notify, onSendTipFailed, onSendTipSuccessful, sdkReady, sendTip } = this.props;
     const { tipAmount } = this.state;
 
+    if (!sdkReady) {
+      notify({
+        message: __(
+          'The background service is still initializing. You can still explore and watch content during the initialization process.',
+        ),
+      });
+      return;
+    }
+
     if (tipAmount > balance) {
       notify({
         message: 'Insufficient credits',
+        isError: true,
       });
       return;
     }
@@ -56,13 +65,13 @@ export default class ModalTipView extends React.PureComponent {
                 () => {
                   // error
                   if (onSendTipFailed) onSendTipFailed();
-                }
+                },
-              )
+              ),
             );
           },
         },
       ],
-      { cancelable: true }
+      { cancelable: true },
     );
   };
 
@@ -115,7 +124,7 @@ export default class ModalTipView extends React.PureComponent {
               <Text style={modalTipStyle.infoText}>
                 {__(
                   'This will appear as a tip for %content%, which will boost its ability to be discovered while active.',
-                  { content: contentName }
+                  { content: contentName },
                 )}{' '}
                 <Link
                   style={modalTipStyle.learnMoreLink}

src/component/relatedContent/index.js

@@ -7,6 +7,7 @@ import {
   selectResolvingUris,
   selectIsSearching,
 } from 'lbry-redux';
+import { selectShowNsfw } from 'redux/selectors/settings';
 import RelatedContent from './view';
 
 const RESULT_SIZE = 16;
@@ -14,17 +15,21 @@ const RESULT_SIZE = 16;
 const select = (state, props) => ({
   claim: makeSelectClaimForUri(props.uri)(state),
   isSearching: selectIsSearching(state),
-  recommendedContent: makeSelectResolvedRecommendedContentForUri(props.uri, RESULT_SIZE)(state),
+  recommendedContent: makeSelectResolvedRecommendedContentForUri(
+    props.uri,
+    RESULT_SIZE,
+    props.claimId,
+    props.claimName,
+    props.title,
+  )(state),
   resolvingUris: selectResolvingUris(state),
+  showNsfwContent: selectShowNsfw(state),
 });
 
 const perform = dispatch => ({
   resolveUris: uris => dispatch(doResolveUris(uris)),
-  searchRecommended: (query, claimId) =>
+  searchRecommended: (query, claimId, nsfw) =>
-    dispatch(doResolvedSearch(query, RESULT_SIZE, undefined, true, { related_to: claimId }, false)),
+    dispatch(doResolvedSearch(query, RESULT_SIZE, undefined, true, { related_to: claimId }, nsfw)),
 });
 
-export default connect(
+export default connect(select, perform)(RelatedContent);
-  select,
-  perform,
-)(RelatedContent);

src/component/relatedContent/view.js

@@ -10,9 +10,9 @@ import relatedContentStyle from 'styles/relatedContent';
 
 export default class RelatedContent extends React.PureComponent {
   componentDidMount() {
-    const { title, claimId, searchRecommended } = this.props;
+    const { title, claimId, searchRecommended, showNsfwContent } = this.props;
     if (title && claimId) {
-      searchRecommended(title, claimId);
+      searchRecommended(title, claimId, showNsfwContent);
     }
   }
 
@@ -22,7 +22,7 @@ export default class RelatedContent extends React.PureComponent {
   }
 
   render() {
-    const { isSearching, recommendedContent, navigation, uri, fullUri } = this.props;
+    const { isSearching, recommendedContent, navigation, urlOpenHandler, uri, fullUri } = this.props;
 
     return (
       <View style={relatedContentStyle.container}>
@@ -32,6 +32,8 @@ export default class RelatedContent extends React.PureComponent {
           recommendedContent.map(result => (
             <ClaimResultItem
               style={fileListStyle.item}
+              uri={result ? normalizeURI(`${result.name}#${result.claimId}`) : null}
+              urlOpenHandler={urlOpenHandler}
               key={result.claimId}
               result={result}
               navigation={navigation}

src/component/rewardCard/view.js

@@ -1,10 +1,11 @@
 // @flow
 import React from 'react';
 import { ActivityIndicator, Text, TouchableOpacity, View } from 'react-native';
-import Colors from '../../styles/colors';
+import { formatUsd } from 'utils/helper';
+import Colors from 'styles/colors';
 import Icon from 'react-native-vector-icons/FontAwesome5';
-import Link from '../link';
+import Link from 'component/link';
-import rewardStyle from '../../styles/reward';
+import rewardStyle from 'styles/reward';
 
 type Props = {
   canClaim: boolean,
@@ -61,7 +62,7 @@ class RewardCard extends React.PureComponent<Props> {
     if (reward) {
       const claimed = !!reward.transaction_id;
       if (!claimed && reward.reward_range && reward.reward_range.includes('-')) {
-        return reward.reward_range.split('-')[0] + '+'; // ex: 5+
+        return reward.reward_range.split('-')[1];
       } else if (reward.reward_amount > 0) {
         return reward.reward_amount;
       }
@@ -72,7 +73,7 @@ class RewardCard extends React.PureComponent<Props> {
   };
 
   render() {
-    const { canClaim, isPending, onClaimPress, reward } = this.props;
+    const { canClaim, isPending, onClaimPress, reward, usdExchangeRate } = this.props;
     const claimed = !!reward.transaction_id;
 
     return (
@@ -117,8 +118,16 @@ class RewardCard extends React.PureComponent<Props> {
           )}
         </View>
         <View style={rewardStyle.rightCol}>
+          {reward.reward_range && reward.reward_range.indexOf('-') > -1 && (
+            <Text style={rewardStyle.rightColHeader}>{__('up to')}</Text>
+          )}
           <Text style={rewardStyle.rewardAmount}>{this.getDisplayAmount()}</Text>
           <Text style={rewardStyle.rewardCurrency}>LBC</Text>
+          {usdExchangeRate > 0 && (
+            <Text style={rewardStyle.rewardUsd}>
+              &asymp;{formatUsd(parseFloat(this.getDisplayAmount()) * parseFloat(usdExchangeRate))}
+            </Text>
+          )}
         </View>
       </TouchableOpacity>
     );

src/component/rewardEnrolment/view.js

@@ -7,6 +7,7 @@ import Link from 'component/link';
 import Colors from 'styles/colors';
 import Icon from 'react-native-vector-icons/FontAwesome5';
 import rewardStyle from 'styles/reward';
+import { formatUsd } from '../../utils/helper';
 
 class RewardEnrolment extends React.Component {
   componentDidMount() {
@@ -29,7 +30,7 @@ class RewardEnrolment extends React.Component {
   };
 
   render() {
-    const { fetching, navigation, unclaimedRewardAmount, user } = this.props;
+    const { unclaimedRewardAmount, usdExchangeRate } = this.props;
 
     return (
       <View style={rewardStyle.enrollContainer}>
@@ -43,9 +44,11 @@ class RewardEnrolment extends React.Component {
 
         <View style={rewardStyle.onboarding}>
           <Text style={rewardStyle.enrollDescText}>
-            {__('LBRY credits allow you to purchase content, publish content, and influence the network.')}
+            {__('LBRY credits allow you to publish or purchase content.')}
             {'\n\n'}
-            {__('You get credits for free for providing an email address and taking other basic actions.')}
+            {__('You can obtain free credits worth %amount% after you provide an email address.', {
+              amount: formatUsd(parseFloat(unclaimedRewardAmount) * parseFloat(usdExchangeRate)),
+            })}
             {'\n\n'}
             <Link style={rewardStyle.learnMoreLink} text={__('Learn more')} onPress={this.onLearnMorePressed} />.
           </Text>

src/component/sdkLoadingStatus/index.js

@@ -0,0 +1,4 @@
+import { connect } from 'react-redux';
+import SdkLoadingStatus from './view';
+
+export default connect()(SdkLoadingStatus);

src/component/sdkLoadingStatus/view.js

@@ -0,0 +1,15 @@
+import { ActivityIndicator, Text, View } from 'react-native';
+import React from 'react';
+import discoverStyle from 'styles/discover';
+import Colors from 'styles/colors';
+
+export default class SdkLoadingStatus extends React.PureComponent {
+  render() {
+    return (
+      <View style={discoverStyle.sdkLoading}>
+        <ActivityIndicator color={Colors.White} size={'small'} />
+        <Text style={discoverStyle.sdkLoadingText}>{__('The LBRY background service is initializing...')}</Text>
+      </View>
+    );
+  }
+}

src/component/subscribeButtonOverlay/index.js

@@ -0,0 +1,18 @@
+import { connect } from 'react-redux';
+import { doChannelSubscribe, doChannelUnsubscribe, selectSubscriptions, makeSelectIsSubscribed } from 'lbryinc';
+import { doToast } from 'lbry-redux';
+import SubscribeButtonOverlay from './view';
+
+const select = (state, props) => ({
+  subscriptions: selectSubscriptions(state),
+  isSubscribed: makeSelectIsSubscribed(props.uri, true)(state),
+});
+
+export default connect(
+  select,
+  {
+    doChannelSubscribe,
+    doChannelUnsubscribe,
+    doToast,
+  },
+)(SubscribeButtonOverlay);

src/component/subscribeButtonOverlay/view.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import { normalizeURI, parseURI } from 'lbry-redux';
+import { NativeModules, Text, View, TouchableOpacity } from 'react-native';
+import Icon from 'react-native-vector-icons/FontAwesome5';
+import Button from 'component/button';
+import Colors from 'styles/colors';
+
+class SubscribeButtonOverlay extends React.PureComponent {
+  handlePress = () => {
+    const { claim, isSubscribed, doChannelSubscribe, doChannelUnsubscribe, uri } = this.props;
+    if (!claim) {
+      return;
+    }
+
+    const subscriptionHandler = isSubscribed ? doChannelUnsubscribe : doChannelSubscribe;
+    const { name: claimName } = claim;
+    subscriptionHandler({
+      channelName: claimName,
+      uri: normalizeURI(uri),
+    });
+  };
+
+  render() {
+    const { uri, isSubscribed, style } = this.props;
+    let styles = style.length ? style : [style];
+
+    return (
+      <TouchableOpacity style={styles} opacity={0.7} onPress={this.handlePress}>
+        {isSubscribed && <Icon name={'heart'} size={20} solid color={Colors.Red} />}
+        {!isSubscribed && <Icon name={'heart'} size={20} color={Colors.Red} />}
+      </TouchableOpacity>
+    );
+  }
+}
+
+export default SubscribeButtonOverlay;

src/component/suggestedSubscriptionItem/index.js

@@ -6,6 +6,7 @@ import {
   makeSelectTitleForUri,
   makeSelectIsUriResolving,
 } from 'lbry-redux';
+import { doChannelSubscribe, doChannelUnsubscribe, makeSelectIsSubscribed } from 'lbryinc';
 import SuggestedSubscriptionItem from './view';
 
 const select = (state, props) => ({
@@ -13,13 +14,13 @@ const select = (state, props) => ({
   title: makeSelectTitleForUri(props.uri)(state),
   claim: makeSelectClaimForUri(props.uri)(state),
   isResolvingUri: makeSelectIsUriResolving(props.uri)(state),
+  isSubscribed: makeSelectIsSubscribed(props.uri, true)(state),
 });
 
 const perform = dispatch => ({
   resolveUri: uri => dispatch(doResolveUri(uri)),
+  subscribe: subscription => doChannelSubscribe(subscription),
+  unsubscribe: subscription => doChannelUnsubscribe(subscription),
 });
 
-export default connect(
+export default connect(select, perform)(SuggestedSubscriptionItem);
-  select,
-  perform
-)(SuggestedSubscriptionItem);

src/component/suggestedSubscriptionItem/view.js

@@ -1,13 +1,13 @@
 import React from 'react';
 import { buildURI, normalizeURI } from 'lbry-redux';
-import { ActivityIndicator, FlatList, Image, Text, View } from 'react-native';
+import { ActivityIndicator, FlatList, Image, Text, TouchableOpacity, View } from 'react-native';
 import { navigateToUri } from 'utils/helper';
 import Colors from 'styles/colors';
 import ChannelIconItem from 'component/channelIconItem';
 import channelIconStyle from 'styles/channelIcon';
 import discoverStyle from 'styles/discover';
 import FileItem from 'component/fileItem';
-import SubscribeButton from 'component/subscribeButton';
+import SubscribeButtonOverlay from 'component/subscribeButtonOverlay';
 import subscriptionsStyle from 'styles/subscriptions';
 import Link from 'component/link';
 import Tag from 'component/tag';
@@ -31,6 +31,7 @@ class SuggestedSubscriptionItem extends React.PureComponent {
 
   render() {
     const { claim, isResolvingUri, navigation, thumbnail, title, uri } = this.props;
+
     let shortUrl, tags;
     if (claim) {
       shortUrl = claim.short_url;
@@ -49,7 +50,7 @@ class SuggestedSubscriptionItem extends React.PureComponent {
     }
 
     return (
-      <View style={subscriptionsStyle.suggestedItem}>
+      <TouchableOpacity style={subscriptionsStyle.suggestedItem}>
         <View style={[subscriptionsStyle.suggestedItemThumbnailContainer, this.state.autoStyle]}>
           {hasThumbnail && (
             <Image style={subscriptionsStyle.suggestedItemThumbnail} resizeMode={'cover'} source={{ uri: thumbnail }} />
@@ -62,35 +63,37 @@ class SuggestedSubscriptionItem extends React.PureComponent {
         </View>
 
         <View style={subscriptionsStyle.suggestedItemDetails}>
-          {title && (
+          <Text style={subscriptionsStyle.suggestedItemTitle} numberOfLines={2}>
-            <Text style={subscriptionsStyle.suggestedItemTitle} numberOfLines={1}>
+            {title || claim.name}
-              {title}
           </Text>
-          )}
-          {claim && (
-            <Link
-              style={subscriptionsStyle.suggestedItemName}
-              numberOfLines={1}
-              text={claim.name}
-              onPress={() => navigateToUri(navigation, normalizeURI(shortUrl || uri), null, false, claim.permanent_url)}
-            />
-          )}
           {tags && (
             <View style={subscriptionsStyle.suggestedItemTagList}>
               {tags &&
                 tags
-                  .slice(0, 3)
+                  .slice(0, 1)
                   .map(tag => (
-                    <Tag style={subscriptionsStyle.tag} key={tag} name={tag} navigation={navigation} truncate />
+                    <Tag
+                      numberOfLines={1}
+                      onPress={this.handleItemPress}
+                      style={subscriptionsStyle.tag}
+                      key={tag}
+                      name={tag}
+                      navigation={navigation}
+                      truncate
+                    />
                   ))}
             </View>
           )}
         </View>
 
         {claim && (
-          <SubscribeButton style={subscriptionsStyle.suggestedItemSubscribe} uri={normalizeURI(claim.permanent_url)} />
+          <SubscribeButtonOverlay
+            claim={claim}
+            style={subscriptionsStyle.suggestedItemSubscribeOverlay}
+            uri={normalizeURI(claim.permanent_url)}
+          />
         )}
-      </View>
+      </TouchableOpacity>
     );
   }
 }

src/component/suggestedSubscriptions/index.js

@@ -16,7 +16,4 @@ const perform = dispatch => ({
   claimSearch: options => dispatch(doClaimSearch(options)),
 });
 
-export default connect(
+export default connect(select, perform)(SuggestedSubscriptions);
-  select,
-  perform
-)(SuggestedSubscriptions);

src/component/suggestedSubscriptionsGrid/index.js

@@ -0,0 +1,27 @@
+import { connect } from 'react-redux';
+import {
+  doClaimSearch,
+  selectFetchingClaimSearch,
+  selectClaimSearchByQuery,
+  selectClaimSearchByQueryLastPageReached,
+  selectFollowedTags,
+} from 'lbry-redux';
+import { selectSubscriptions, selectSuggestedChannels, selectIsFetchingSuggested } from 'lbryinc';
+import { selectShowNsfw } from 'redux/selectors/settings';
+import SuggestedSubscriptionsGrid from './view';
+
+const select = state => ({
+  followedTags: selectFollowedTags(state),
+  subscriptions: selectSubscriptions(state),
+  suggested: selectSuggestedChannels(state),
+  loading: selectIsFetchingSuggested(state) || selectFetchingClaimSearch(state),
+  claimSearchByQuery: selectClaimSearchByQuery(state),
+  lastPageReached: selectClaimSearchByQueryLastPageReached(state),
+  showNsfwContent: selectShowNsfw(state),
+});
+
+const perform = dispatch => ({
+  claimSearch: options => dispatch(doClaimSearch(options)),
+});
+
+export default connect(select, perform)(SuggestedSubscriptionsGrid);

src/component/suggestedSubscriptionsGrid/view.js

@@ -0,0 +1,111 @@
+import React from 'react';
+import { ActivityIndicator, SectionList, Text, View } from 'react-native';
+import { MATURE_TAGS, createNormalizedClaimSearchKey, normalizeURI } from 'lbry-redux';
+import { navigateToUri } from 'utils/helper';
+import { FlatGrid } from 'react-native-super-grid';
+import SubscribeButton from 'component/subscribeButton';
+import SuggestedSubscriptionItem from 'component/suggestedSubscriptionItem';
+import Colors from 'styles/colors';
+import Constants from 'constants'; // eslint-disable-line node/no-deprecated-api
+import discoverStyle from 'styles/discover';
+import subscriptionsStyle from 'styles/subscriptions';
+import Link from 'component/link';
+import _ from 'lodash';
+
+const suggestedPageSize = 24;
+const softLimit = 2400;
+class SuggestedSubscriptionsGrid extends React.PureComponent {
+  state = {
+    currentPage: 1,
+    options: {},
+    // maintain a local state of subscriptions so that changes don't affect the search
+    subscriptionIds: [],
+  };
+
+  buildClaimSearchOptions() {
+    const { showNsfwContent } = this.props;
+    const { currentPage } = this.state;
+
+    const options = {
+      no_totals: true,
+      page: currentPage,
+      page_size: suggestedPageSize,
+      claim_type: 'channel',
+      order_by: [Constants.ORDER_BY_EFFECTIVE_AMOUNT],
+    };
+    if (!showNsfwContent) {
+      options.not_tags = MATURE_TAGS;
+    }
+    if (this.state.subscriptionIds.length > 0) {
+      options.not_channel_ids = this.state.subscriptionIds;
+    }
+
+    return options;
+  }
+
+  doClaimSearch() {
+    const { claimSearch } = this.props;
+    const options = this.buildClaimSearchOptions();
+    claimSearch(options);
+  }
+
+  handleVerticalEndReached = () => {
+    // fetch more content
+    const { claimSearchByQuery, lastPageReached } = this.props;
+
+    const options = this.buildClaimSearchOptions();
+    const claimSearchKey = createNormalizedClaimSearchKey(options);
+    const uris = claimSearchByQuery[claimSearchKey];
+    if (
+      lastPageReached[claimSearchKey] ||
+      (uris.length > 0 && uris.length < suggestedPageSize) || uris.length >= softLimit
+    ) {
+      return;
+    }
+
+    this.setState({ currentPage: this.state.currentPage + 1 }, () => this.doClaimSearch());
+  };
+
+  componentDidMount() {
+    const { claimSearch, followedTags, showNsfwContent, subscriptions } = this.props;
+    if (subscriptions && subscriptions.length > 0) {
+      this.setState(
+        {
+          subscriptionIds: subscriptions.map(subscription => subscription.uri.split('#')[1]),
+        },
+        () => this.doClaimSearch(),
+      );
+    } else {
+      this.doClaimSearch();
+    }
+  }
+
+  render() {
+    const { claimSearchByQuery, inModal, navigation } = this.props;
+    const options = this.buildClaimSearchOptions();
+    const claimSearchKey = createNormalizedClaimSearchKey(options);
+    const claimSearchUris = claimSearchByQuery[claimSearchKey];
+
+    return (
+      <FlatGrid
+        initialNumToRender={24}
+        maxToRenderPerBatch={48}
+        removeClippedSubviews
+        itemDimension={120}
+        spacing={1}
+        items={claimSearchUris}
+        style={inModal ? subscriptionsStyle.modalScrollContainer : subscriptionsStyle.scrollContainer}
+        contentContainerStyle={
+          inModal ? subscriptionsStyle.modalSuggestedScrollContent : subscriptionsStyle.suggestedScrollContent
+        }
+        renderItem={({ item, index }) => (
+          <SuggestedSubscriptionItem key={item} uri={normalizeURI(item)} navigation={navigation} />
+        )}
+        onEndReached={this.handleVerticalEndReached}
+        onEndReachedThreshold={0.2}
+      />
+    );
+  }
+}
+
+export default SuggestedSubscriptionsGrid;

src/component/tag/view.js

@@ -30,7 +30,7 @@ export default class Tag extends React.PureComponent {
   };
 
   render() {
-    const { name, onPress, style, type, truncate } = this.props;
+    const { name, numberOfLines, onPress, style, type, truncate } = this.props;
 
     let styles = [];
     if (style) {
@@ -50,7 +50,9 @@ export default class Tag extends React.PureComponent {
     return (
       <TouchableOpacity style={styles} onPress={onPress || this.onPressDefault}>
         <View style={tagStyle.content}>
-          <Text style={tagStyle.text}>{truncate ? formatTagName(name) : name}</Text>
+          <Text style={tagStyle.text} numberOfLines={numberOfLines}>
+            {truncate ? formatTagName(name) : name}
+          </Text>
           {type && <Icon style={tagStyle.icon} name={type === 'add' ? 'plus' : 'times'} size={8} />}
         </View>
       </TouchableOpacity>

src/component/uriBar/index.js

@@ -6,6 +6,7 @@ import {
   selectSearchSuggestions,
   SETTINGS,
 } from 'lbry-redux';
+import { doSetPlayerVisible } from 'redux/actions/drawer';
 import { selectCurrentRoute } from 'redux/selectors/drawer';
 import { makeSelectClientSetting } from 'redux/selectors/settings';
 import UriBar from './view';
@@ -24,9 +25,10 @@ const select = state => {
 
 const perform = dispatch => ({
   updateSearchQuery: query => dispatch(doUpdateSearchQuery(query)),
+  setPlayerVisible: (visible, uri) => dispatch(doSetPlayerVisible(visible, uri)),
 });
 
 export default connect(
   select,
-  perform
+  perform,
 )(UriBar);

src/component/uriBar/view.js

@@ -1,13 +1,14 @@
 // @flow
 import React from 'react';
 import { SEARCH_TYPES, isNameValid, isURIValid, normalizeURI } from 'lbry-redux';
-import { Dimensions, FlatList, Keyboard, Text, TextInput, TouchableOpacity, View } from 'react-native';
+import { Alert, Dimensions, FlatList, Keyboard, Text, TextInput, TouchableOpacity, View } from 'react-native';
 import { navigateToUri, transformUrl } from 'utils/helper';
 import Constants from 'constants'; // eslint-disable-line node/no-deprecated-api
 import UriBarItem from './internal/uri-bar-item';
 import Icon from 'react-native-vector-icons/FontAwesome5';
 import NavigationButton from 'component/navigationButton';
 import uriBarStyle from 'styles/uriBar';
+import { NavigationActions, StackActions } from 'react-navigation';
 
 class UriBar extends React.PureComponent {
   static INPUT_TIMEOUT = 2500; // 2.5 seconds
@@ -83,7 +84,7 @@ class UriBar extends React.PureComponent {
   };
 
   handleItemPress = item => {
-    const { navigation, onSearchSubmitted, updateSearchQuery } = this.props;
+    const { navigation, onSearchSubmitted, setPlayerVisible, updateSearchQuery } = this.props;
     const { type, value } = item;
 
     Keyboard.dismiss();
@@ -112,7 +113,7 @@ class UriBar extends React.PureComponent {
       });
     } else {
       const uri = normalizeURI(value);
-      navigateToUri(navigation, uri);
+      navigateToUri(navigation, uri, null, false, null, setPlayerVisible);
     }
   };
 
@@ -128,7 +129,7 @@ class UriBar extends React.PureComponent {
   };
 
   handleSubmitEditing = () => {
-    const { navigation, onSearchSubmitted, updateSearchQuery } = this.props;
+    const { navigation, onSearchSubmitted, setPlayerVisible, updateSearchQuery } = this.props;
     if (this.state.inputText) {
       let inputText = this.state.inputText,
         inputTextIsUrl = false;
@@ -137,7 +138,7 @@ class UriBar extends React.PureComponent {
         // if it's a URI (lbry://...), open the file page
         if (transformedUrl && isURIValid(transformedUrl)) {
           inputTextIsUrl = true;
-          navigateToUri(navigation, transformedUrl);
+          navigateToUri(navigation, transformedUrl, null, false, null, setPlayerVisible);
         }
       }
 
@@ -183,6 +184,33 @@ class UriBar extends React.PureComponent {
     });
   };
 
+  handleNavigationButtonPress = () => {
+    const { navigation } = this.props;
+    if (!navigation.openDrawer) {
+      Alert.alert(
+        __('Stop watching?'),
+        'The LBRY service is still loading stuff in the background. Would you like to continue?',
+        [
+          { text: __('No') },
+          {
+            text: __('Yes'),
+            onPress: () => {
+              const resetAction = StackActions.reset({
+                index: 0,
+                actions: [
+                  NavigationActions.navigate({ routeName: 'Splash', params: { resetUrl: 'lbry://?subscriptions' } }),
+                ],
+              });
+              navigation.dispatch(resetAction);
+            },
+          },
+        ],
+      );
+    } else {
+      navigation.openDrawer();
+    }
+  };
+
   render() {
     const {
       allowEdit,
@@ -262,7 +290,7 @@ class UriBar extends React.PureComponent {
               size={24}
               style={uriBarStyle.drawerMenuButton}
               iconStyle={uriBarStyle.drawerHamburger}
-              onPress={() => navigation.openDrawer()}
+              onPress={this.handleNavigationButtonPress}
             />
           )}
           {!selectionMode && (

src/component/walletBalance/index.js

@@ -6,7 +6,4 @@ const select = state => ({
   balance: selectBalance(state),
 });
 
-export default connect(
+export default connect(select, null)(WalletBalance);
-  select,
-  null
-)(WalletBalance);

src/component/walletBalance/view.js

@@ -1,9 +1,9 @@
 // @flow
 import React from 'react';
 import { Image, Text, View } from 'react-native';
-import { Lbry, formatCredits } from 'lbry-redux';
+import { formatCredits } from 'lbry-redux';
-import Address from 'component/address';
+import { Lbryio } from 'lbryinc';
-import Button from 'component/button';
+import { formatUsd } from 'utils/helper';
 import walletStyle from 'styles/wallet';
 
 type Props = {
@@ -11,6 +11,18 @@ type Props = {
 };
 
 class WalletBalance extends React.PureComponent<Props> {
+  state = {
+    usdExchangeRate: 0,
+  };
+
+  componentDidMount() {
+    Lbryio.getExchangeRates().then(rates => {
+      if (!isNaN(rates.LBC_USD)) {
+        this.setState({ usdExchangeRate: rates.LBC_USD });
+      }
+    });
+  }
+
   render() {
     const { balance } = this.props;
     return (
@@ -21,6 +33,13 @@ class WalletBalance extends React.PureComponent<Props> {
         <Text style={walletStyle.balance}>
           {(balance || balance === 0) && formatCredits(parseFloat(balance), 2) + ' LBC'}
         </Text>
+        <Text style={walletStyle.usdBalance}>
+          {this.state.usdExchangeRate > 0 && (
+            <Text>
+              &asymp;{formatUsd(isNaN(balance) ? 0 : parseFloat(balance) * parseFloat(this.state.usdExchangeRate))}
+            </Text>
+          )}
+        </Text>
       </View>
     );
   }

src/component/walletBalanceExtra/index.js

@@ -0,0 +1,14 @@
+import { connect } from 'react-redux';
+import { selectClaimsBalance, selectSupportsBalance, selectTipsBalance } from 'lbry-redux';
+import { makeSelectClientSetting } from 'redux/selectors/settings';
+import WalletBalanceExtra from './view';
+import Constants from 'constants'; // eslint-disable-line node/no-deprecated-api
+
+const select = state => ({
+  claimsBalance: selectClaimsBalance(state) || 0,
+  deviceWalletSynced: makeSelectClientSetting(Constants.SETTING_DEVICE_WALLET_SYNCED)(state),
+  supportsBalance: selectSupportsBalance(state) || 0,
+  tipsBalance: selectTipsBalance(state) || 0,
+});
+
+export default connect(select, null)(WalletBalanceExtra);

src/component/walletBalanceExtra/view.js

@@ -0,0 +1,115 @@
+// @flow
+import React from 'react';
+import { Text, View } from 'react-native';
+import { formatCredits } from 'lbry-redux';
+import { Lbryio } from 'lbryinc';
+import { formatUsd } from 'utils/helper';
+import Colors from 'styles/colors';
+import Icon from 'react-native-vector-icons/FontAwesome5';
+import Link from 'component/link';
+import walletStyle from 'styles/wallet';
+import Constants from 'constants'; // eslint-disable-line node/no-deprecated-api
+
+type Props = {
+  claimsBalance: number,
+  supportsBalance: number,
+  tipsBalance: number,
+};
+
+class WalletBalanceExtra extends React.PureComponent<Props> {
+  state = {
+    usdExchangeRate: 0,
+  };
+
+  componentDidMount() {
+    Lbryio.getExchangeRates().then(rates => {
+      if (!isNaN(rates.LBC_USD)) {
+        this.setState({ usdExchangeRate: rates.LBC_USD });
+      }
+    });
+  }
+
+  render() {
+    const { claimsBalance, deviceWalletSynced, navigation, supportsBalance, tipsBalance } = this.props;
+
+    return (
+      <View style={walletStyle.balanceExtra}>
+        <View style={walletStyle.usdInfoCard}>
+          <Text style={walletStyle.usdInfoText}>
+            You can convert your credits to USD and withdraw the converted amount using an exchange.{' '}
+            <Link
+              style={walletStyle.usdConvertFaqLink}
+              href={'https://lbry.com/faq/exchanges'}
+              text={__('Learn more')}
+            />
+            .
+          </Text>
+          <Link
+            style={walletStyle.usdConvertLink}
+            href={'https://bittrex.com/Account/Register?referralCode=4M1-P30-BON'}
+            text={__('Convert credits to USD on Bittrex')}
+          />
+        </View>
+
+        <View style={walletStyle.balanceExtraCard}>
+          <View style={walletStyle.walletExtraRow}>
+            <View style={walletStyle.walletExtraCol}>
+              <Icon style={walletStyle.walletExtraIcon} color={Colors.LbryGreen} name={'gift'} size={16} />
+              <Text style={walletStyle.walletExtraCaption}>{__('You also have')}</Text>
+              <View style={walletStyle.balanceRow}>
+                <Text style={walletStyle.walletExtraBalance}>{formatCredits(parseFloat(tipsBalance), 2)}</Text>
+                <Text style={walletStyle.walletExtraCurrency}>LBC</Text>
+              </View>
+              <Text style={walletStyle.usdWalletExtraBalance}>
+                &asymp;{formatUsd(parseFloat(tipsBalance) * parseFloat(this.state.usdExchangeRate))}
+              </Text>
+              <Text style={walletStyle.text}>{__('in tips')}</Text>
+
+              <Link
+                style={walletStyle.earnTipsLink}
+                onPress={() => {
+                  navigation.navigate({ routeName: Constants.DRAWER_ROUTE_PUBLISH });
+                }}
+                text={__('Earn more tips by uploading cool videos')}
+              />
+            </View>
+
+            <View style={walletStyle.walletExtraCol}>
+              <Icon style={walletStyle.walletExtraIcon} color={Colors.LbryGreen} name={'lock'} size={16} />
+              <Text style={walletStyle.walletExtraCaption}>{__('You staked')}</Text>
+              <View style={walletStyle.balanceRow}>
+                <Text style={walletStyle.walletExtraBalance}>{formatCredits(parseFloat(claimsBalance), 2)}</Text>
+                <Text style={walletStyle.walletExtraCurrency}>LBC</Text>
+              </View>
+              <Text style={walletStyle.text}>{__('in your publishes')}</Text>
+              <View style={[walletStyle.balanceRow, walletStyle.walletExtraTopMargin]}>
+                <Text style={walletStyle.walletExtraBalance}>{formatCredits(parseFloat(supportsBalance), 2)}</Text>
+                <Text style={walletStyle.walletExtraCurrency}>LBC</Text>
+              </View>
+              <Text style={walletStyle.text}>{__('in your supports')}</Text>
+            </View>
+          </View>
+        </View>
+
+        <View style={walletStyle.syncDriverCustody}>
+          <Text style={walletStyle.syncInfoText}>
+            {deviceWalletSynced
+              ? __('A backup of your wallet is synced with lbry.tv')
+              : __('Your wallet is not currently synced with lbry.tv. You are responsible for backing up your wallet.')}
+          </Text>
+          <Link
+            text={__('What does this mean?')}
+            href={
+              deviceWalletSynced
+                ? 'https://lbry.com/faq/account-sync'
+                : 'https://lbry.com/faq/how-to-backup-wallet#android'
+            }
+            style={walletStyle.syncInfoLink}
+          />
+        </View>
+      </View>
+    );
+  }
+}
+
+export default WalletBalanceExtra;

src/component/walletSyncDriver/view.js

@@ -27,7 +27,7 @@ class WalletSyncDriver extends React.PureComponent<Props> {
             },
           },
         ],
-        { cancelable: true }
+        { cancelable: true },
       );
     }
   };

src/constants.js

@@ -44,6 +44,10 @@ const Constants = {
   SETTING_BACKUP_DISMISSED: 'backupDismissed',
   SETTING_REWARDS_NOT_INTERESTED: 'rewardsNotInterested',
   SETTING_DEVICE_WALLET_SYNCED: 'deviceWalletSynced',
+  SETTING_DHT_ENABLED: 'dhtEnabled',
+  SETTING_NEW_ANDROID_REWARD_CLAIMED: 'newAndroidRewardClaimed',
+
+  ACTION_SDK_READY: 'SDK_READY',
 
   ACTION_DELETE_COMPLETED_BLOBS: 'DELETE_COMPLETED_BLOBS',
   ACTION_FIRST_RUN_PAGE_CHANGED: 'FIRST_RUN_PAGE_CHANGED',
@@ -64,6 +68,8 @@ const Constants = {
   ACTION_CLEAR_PUBLISH_FORM_STATE: 'CLEAR_PUBLISH_FORM_STATE',
   ACTION_CLEAR_CHANNEL_FORM_STATE: 'CLEAR_CHANNEL_FORM_STATE',
 
+  ACTION_SET_EXPLICIT_NAVIGATE_BACK: 'SET_EXPLICIT_NAVIGATE_BACK',
+
   ACTION_FULLSCREEN_MODE_TOGGLED: 'FULLSCREEN_MODE_TOGGLED',
 
   ORIENTATION_HORIZONTAL: 'horizontal',
@@ -90,6 +96,8 @@ const Constants = {
   DRAWER_ROUTE_TAG: 'Tag',
   DRAWER_ROUTE_CHANNEL_CREATOR: 'ChannelCreator',
   DRAWER_ROUTE_CHANNEL_CREATOR_FORM: 'ChannnelCreatorForm',
+  DRAWER_ROUTE_INVITES: 'Invites',
+  DRAWER_ROUTE_LITE_FILE: 'LiteFile',
 
   FULL_ROUTE_NAME_DISCOVER: 'DiscoverStack',
   FULL_ROUTE_NAME_WALLET: 'WalletStack',
@@ -142,7 +150,7 @@ const Constants = {
 
   TRUE_STRING: 'true',
 
-  MINIMUM_TRANSACTION_BALANCE: 0.1,
+  MINIMUM_TRANSACTION_BALANCE: 0.01,
 
   SHARE_BASE_URL: 'https://open.lbry.com',
 };
@@ -165,6 +173,7 @@ export const DrawerRoutes = [
   Constants.DRAWER_ROUTE_SEARCH,
   Constants.DRAWER_ROUTE_TRANSACTION_HISTORY,
   Constants.DRAWER_ROUTE_CHANNEL_CREATOR,
+  Constants.DRAWER_ROUTE_INVITES,
 ];
 
 // sub-pages for main routes

src/index.js

@@ -55,6 +55,10 @@ import settingsReducer from 'redux/reducers/settings';
 import thunk from 'redux-thunk';
 
 window.__ = __;
+if (!NativeModules.UtilityModule.dhtEnabled) {
+  Lbry.alternateConnectionString = 'https://api.lbry.tv/api/v1/proxy';
+  Lbry.methodsUsingAlternateConnectionString = ['claim_search', 'resolve'];
+}
 
 const globalExceptionHandler = (error, isFatal) => {
   if (error && NativeModules.Firebase) {
@@ -95,6 +99,7 @@ const compressor = createCompressor();
 const authFilter = createFilter('auth', ['authToken']);
 const blockedFilter = createFilter('blocked', ['blockedChannels']);
 const contentFilter = createFilter('content', ['positions']);
+const drawerFilter = createFilter('drawer', ['lastRouteInStack']);
 const saveClaimsFilter = createFilter('claims', ['claimsByUri']);
 const subscriptionsFilter = createFilter('subscriptions', ['enabledChannelNotifications', 'subscriptions', 'latest']);
 const settingsFilter = createFilter('settings', ['clientSettings']);
@@ -102,12 +107,13 @@ const tagsFilter = createFilter('tags', ['followedTags']);
 const walletFilter = createFilter('wallet', ['receiveAddress']);
 
 const v4PersistOptions = {
-  whitelist: ['auth', 'blocked', 'claims', 'content', 'subscriptions', 'settings', 'tags', 'wallet'],
+  whitelist: ['auth', 'blocked', 'claims', 'drawer', 'content', 'subscriptions', 'settings', 'tags', 'wallet'],
   // Order is important. Needs to be compressed last or other transforms can't
   // read the data
   transforms: [
     authFilter,
     blockedFilter,
+    drawerFilter,
     saveClaimsFilter,
     subscriptionsFilter,
     settingsFilter,
@@ -202,7 +208,7 @@ window.store = store;
 
 const persistor = persistStore(store, null, err => {
   if (err) {
-    console.log('Unable to load saved SETTINGS');
+    // console.log('Unable to load saved SETTINGS');
   }
 });
 window.persistor = persistor;

src/page/about/view.js

@@ -10,6 +10,7 @@ import aboutStyle from 'styles/about';
 class AboutPage extends React.PureComponent {
   state = {
     appVersion: null,
+    firebaseToken: null,
     lbryId: null,
     versionInfo: null,
   };
@@ -45,11 +46,12 @@ class AboutPage extends React.PureComponent {
     setPlayerVisible();
 
     NativeModules.Firebase.setCurrentScreen('About').then(result => {
-      if (NativeModules.VersionInfo) {
       NativeModules.VersionInfo.getAppVersion().then(version => {
         this.setState({ appVersion: version });
       });
-      }
+      NativeModules.Firebase.getMessagingToken().then(firebaseToken => {
+        this.setState({ firebaseToken });
+      });
       Lbry.version().then(info => {
         this.setState({
           versionInfo: info,
@@ -77,7 +79,7 @@ class AboutPage extends React.PureComponent {
           <Text style={aboutStyle.title}>{__('Content Freedom')}</Text>
           <Text style={aboutStyle.paragraph}>
             {__(
-              'LBRY is a free, open, and community-run digital marketplace. It is a decentralized peer-to-peer content distribution platform for creators to upload and share content, and earn LBRY credits for their effort. Users will be able to find a wide selection of videos, music, ebooks and other digital content they are interested in.'
+              'LBRY is a free, open, and community-run digital marketplace. It is a decentralized peer-to-peer content distribution platform for creators to upload and share content, and earn LBRY credits for their effort. Users will be able to find a wide selection of videos, music, ebooks and other digital content they are interested in.',
             )}
           </Text>
           <View style={aboutStyle.links}>
@@ -88,7 +90,7 @@ class AboutPage extends React.PureComponent {
           <Text style={aboutStyle.socialTitle}>{__('Get Social')}</Text>
           <Text style={aboutStyle.paragraph}>
             {__(
-              'You can interact with the LBRY team and members of the community on Discord, Facebook, Instagram, Twitter or Reddit.'
+              'You can interact with the LBRY team and members of the community on Discord, Facebook, Instagram, Twitter or Reddit.',
             )}
           </Text>
           <View style={aboutStyle.links}>
@@ -164,6 +166,15 @@ class AboutPage extends React.PureComponent {
             </View>
           </View>
 
+          <View style={aboutStyle.row}>
+            <View style={aboutStyle.col}>
+              <Text style={aboutStyle.text}>{__('Firebase Token')}</Text>
+              <Text selectable style={aboutStyle.lineValueText}>
+                {this.state.firebaseToken ? this.state.firebaseToken : loading}
+              </Text>
+            </View>
+          </View>
+
           <View style={aboutStyle.row}>
             <View style={aboutStyle.col}>
               <Text style={aboutStyle.text}>{__('Logs')}</Text>

src/page/channel/index.js

@@ -18,7 +18,7 @@ const select = (state, props) => ({
 
 const perform = dispatch => ({
   abandonClaim: (txid, nout) => dispatch(doAbandonClaim(txid, nout)),
-  fetchChannelListMine: () => dispatch(doFetchChannelListMine()),
+  fetchChannelListMine: () => dispatch(doFetchChannelListMine(1, 99999, true)),
   fetchSubCount: claimId => dispatch(doFetchSubCount(claimId)),
   popDrawerStack: () => dispatch(doPopDrawerStack()),
   setSortByItem: item => dispatch(doSetSortByItem(item)),
@@ -27,5 +27,5 @@ const perform = dispatch => ({
 
 export default connect(
   select,
-  perform
+  perform,
 )(ChannelPage);

src/page/channel/view.js

@@ -173,9 +173,10 @@ class ChannelPage extends React.PureComponent {
       const { permanent_url: permanentUrl } = claim;
       navigation.navigate({
         routeName: Constants.DRAWER_ROUTE_CHANNEL_CREATOR,
-        params: { editChannelUrl: permanentUrl },
+        params: { editChannelUrl: permanentUrl, returnUrl: permanentUrl },
       });
     }
+    this.onEditPressed = null;
   };
 
   onTipPressed = () => {
@@ -210,7 +211,7 @@ class ChannelPage extends React.PureComponent {
             },
           },
         ],
-        { cancelable: true }
+        { cancelable: true },
       );
     }
   };

src/page/channelCreator/index.js

@@ -13,10 +13,16 @@ import {
   doToast,
 } from 'lbry-redux';
 import { doGetSync } from 'lbryinc';
-import { doPushDrawerStack, doPopDrawerStack, doSetPlayerVisible } from 'redux/actions/drawer';
+import {
+  doPushDrawerStack,
+  doPopDrawerStack,
+  doSetPlayerVisible,
+  doSetExplicitNavigateBack,
+} from 'redux/actions/drawer';
 import { doUpdateChannelFormState, doClearChannelFormState } from 'redux/actions/form';
 import { selectDrawerStack } from 'redux/selectors/drawer';
 import { selectChannelFormState, selectHasChannelFormState } from 'redux/selectors/form';
+import { selectSdkReady } from 'redux/selectors/settings';
 import Constants from 'constants'; // eslint-disable-line node/no-deprecated-api
 import ChannelCreator from './view';
 
@@ -28,6 +34,7 @@ const select = state => ({
   fetchingChannels: selectFetchingMyChannels(state),
   balance: selectBalance(state),
   hasFormState: selectHasChannelFormState(state),
+  sdkReady: selectSdkReady(state),
   updatingChannel: selectUpdatingChannel(state),
   updateChannelError: selectUpdateChannelError(state),
 });
@@ -37,16 +44,14 @@ const perform = dispatch => ({
   notify: data => dispatch(doToast(data)),
   clearChannelFormState: () => dispatch(doClearChannelFormState()),
   createChannel: (name, amount, optionalParams) => dispatch(doCreateChannel(name, amount, optionalParams)),
-  fetchChannelListMine: () => dispatch(doFetchChannelListMine()),
+  fetchChannelListMine: () => dispatch(doFetchChannelListMine(1, 99999, true)),
   getSync: (password, callback) => dispatch(doGetSync(password, callback)),
   updateChannel: params => dispatch(doUpdateChannel(params)),
   updateChannelFormState: data => dispatch(doUpdateChannelFormState(data)),
   pushDrawerStack: (routeName, params) => dispatch(doPushDrawerStack(routeName, params)),
   popDrawerStack: () => dispatch(doPopDrawerStack()),
   setPlayerVisible: () => dispatch(doSetPlayerVisible(false)),
+  setExplicitNavigateBack: flag => dispatch(doSetExplicitNavigateBack(flag)),
 });
 
-export default connect(
+export default connect(select, perform)(ChannelCreator);
-  select,
-  perform
-)(ChannelCreator);

src/page/channelCreator/view.js

@@ -14,7 +14,7 @@ import {
   TouchableOpacity,
   View,
 } from 'react-native';
-import { navigateToUri, logPublish, uploadImageAsset } from 'utils/helper';
+import { navigateBack, navigateToUri, logPublish, uploadImageAsset } from 'utils/helper';
 import Button from 'component/button';
 import ChannelIconItem from 'component/channelIconItem';
 import ChannelRewardsDriver from 'component/channelRewardsDriver';
@@ -37,6 +37,7 @@ export default class ChannelCreator extends React.PureComponent {
 
   state = {
     autoStyle: null,
+    returnUrl: null,
     canSave: true,
     claimId: null,
     creditsInputFocused: false,
@@ -46,7 +47,7 @@ export default class ChannelCreator extends React.PureComponent {
     channelNameUserEdited: false,
     newChannelTitle: '',
     newChannelName: '',
-    newChannelBid: 0.1,
+    newChannelBid: 0.01,
     addingChannel: false,
     creatingChannel: false,
     editChannelUrl: null,
@@ -77,6 +78,7 @@ export default class ChannelCreator extends React.PureComponent {
     descriptionFocused: false,
     websiteFocused: false,
     emailFocused: false,
+    hasReturnedBack: false,
   };
 
   didFocusListener;
@@ -118,7 +120,14 @@ export default class ChannelCreator extends React.PureComponent {
   };
 
   componentWillReceiveProps(nextProps) {
-    const { currentRoute: prevRoute, drawerStack: prevDrawerStack, notify } = this.props;
+    const {
+      currentRoute: prevRoute,
+      drawerStack: prevDrawerStack,
+      popDrawerStack,
+      setPlayerVisible,
+      navigation,
+      notify,
+    } = this.props;
     const { currentRoute, drawerStack, updatingChannel, updateChannelError } = nextProps;
 
     if (Constants.DRAWER_ROUTE_CHANNEL_CREATOR === currentRoute && currentRoute !== prevRoute) {
@@ -142,6 +151,11 @@ export default class ChannelCreator extends React.PureComponent {
     ) {
       // navigated back from the form
       this.setState({ currentPhase: Constants.PHASE_LIST });
+      if (!this.state.hasReturnedBack && this.state.returnUrl) {
+        this.setState({ hasReturnedBack: true }, () => {
+          navigateBack(navigation, drawerStack, popDrawerStack, setPlayerVisible);
+        });
+      }
     }
   }
 
@@ -162,20 +176,19 @@ export default class ChannelCreator extends React.PureComponent {
     NativeModules.Firebase.setCurrentScreen('Channels').then(result => {
       pushDrawerStack(Constants.DRAWER_ROUTE_CHANNEL_CREATOR, navigation.state.params ? navigation.state.params : null);
       setPlayerVisible();
-      if (!fetchingChannels) {
       fetchChannelListMine();
-      }
 
       DeviceEventEmitter.addListener('onDocumentPickerFilePicked', this.onFilePicked);
       DeviceEventEmitter.addListener('onDocumentPickerCanceled', this.onPickerCanceled);
 
       let isEditMode = false;
       if (navigation.state.params) {
-        const { editChannelUrl, displayForm } = navigation.state.params;
+        const { editChannelUrl, displayForm, returnUrl } = navigation.state.params;
         if (editChannelUrl) {
           isEditMode = true;
           this.setState({ editChannelUrl, currentPhase: Constants.PHASE_CREATE });
         }
+        this.setState({ returnUrl });
       }
 
       if (!isEditMode && hasFormState) {
@@ -267,7 +280,7 @@ export default class ChannelCreator extends React.PureComponent {
   handleCreateCancel = () => {
     const { clearChannelFormState } = this.props;
     clearChannelFormState(); // explicitly clear state on cancel?
-    this.setState({ showCreateChannel: false, newChannelName: '', newChannelBid: 0.1 });
+    this.setState({ showCreateChannel: false, newChannelName: '', newChannelBid: 0.01 });
   };
 
   handlePickerValueChange = (itemValue, itemIndex) => {
@@ -576,7 +589,7 @@ export default class ChannelCreator extends React.PureComponent {
       channelNameUserEdited: false,
       newChannelTitle: '',
       newChannelName: '',
-      newChannelBid: 0.1,
+      newChannelBid: 0.01,
       addingChannel: false,
       creatingChannel: false,
       newChannelNameError: '',
@@ -787,7 +800,15 @@ export default class ChannelCreator extends React.PureComponent {
   };
 
   render() {
-    const { abandoningClaimIds, balance, fetchingChannels, updatingChannel, channels = [], navigation } = this.props;
+    const {
+      abandoningClaimIds,
+      balance,
+      fetchingChannels,
+      sdkReady,
+      updatingChannel,
+      channels = [],
+      navigation,
+    } = this.props;
     const {
       autoStyle,
       autoStyles,
@@ -811,6 +832,19 @@ export default class ChannelCreator extends React.PureComponent {
 
     const hasChannels = channels && channels.length > 0;
 
+    if (!sdkReady) {
+      return (
+        <View style={channelCreatorStyle.container}>
+          <UriBar navigation={navigation} />
+          <EmptyStateView
+            message={__(
+              'The background service is still initializing. You can still explore and watch content during the initialization process.',
+            )}
+          />
+        </View>
+      );
+    }
+
     return (
       <View style={channelCreatorStyle.container}>
         <UriBar
@@ -905,7 +939,7 @@ export default class ChannelCreator extends React.PureComponent {
                   style={channelCreatorStyle.coverImage}
                   resizeMode={'cover'}
                   source={
-                    coverImageUrl !== null && coverImageUrl.trim().length > 0
+                    !!coverImageUrl && coverImageUrl.trim().length > 0
                       ? { uri: coverImageUrl }
                       : require('../../assets/default_channel_cover.png')
                   }
@@ -924,14 +958,15 @@ export default class ChannelCreator extends React.PureComponent {
 
               <View style={[channelCreatorStyle.avatarImageContainer, autoStyle]}>
                 <TouchableOpacity style={channelCreatorStyle.avatarTouchArea} onPress={this.onAvatarImagePress}>
-                  {thumbnailUrl !== null && thumbnailUrl.trim().length > 0 && (
+                  {!!thumbnailUrl && thumbnailUrl.trim().length > 0 && (
                     <Image
                       style={channelCreatorStyle.avatarImage}
                       resizeMode={'cover'}
                       source={{ uri: thumbnailUrl }}
                     />
                   )}
-                  {(thumbnailUrl === null || thumbnailUrl.trim().length === 0) && newChannelName.length > 0 && (
+                  {(!!thumbnailUrl || (!!thumbnailUrl && thumbnailUrl.trim().length === 0)) &&
+                    newChannelName.length > 0 && (
                     <Text style={channelIconStyle.autothumbCharacter}>
                       {newChannelName.substring(0, 1).toUpperCase()}
                     </Text>

src/page/discover/index.js

@@ -11,9 +11,9 @@ import {
   selectSubscriptionClaims,
   selectUnreadSubscriptions,
 } from 'lbryinc';
-import { doPushDrawerStack } from 'redux/actions/drawer';
+import { doPushDrawerStack, doSetPlayerVisible } from 'redux/actions/drawer';
 import { doSetClientSetting, doSetSortByItem, doSetTimeItem } from 'redux/actions/settings';
-import { makeSelectClientSetting, selectSortByItem, selectTimeItem } from 'redux/selectors/settings';
+import { makeSelectClientSetting, selectSdkReady, selectSortByItem, selectTimeItem } from 'redux/selectors/settings';
 import Constants from 'constants'; // eslint-disable-line node/no-deprecated-api
 import DiscoverPage from './view';
 
@@ -27,6 +27,7 @@ const select = state => ({
   followedTags: selectFollowedTags(state),
   ratingReminderDisabled: makeSelectClientSetting(Constants.SETTING_RATING_REMINDER_DISABLED)(state),
   ratingReminderLastShown: makeSelectClientSetting(Constants.SETTING_RATING_REMINDER_LAST_SHOWN)(state),
+  sdkReady: selectSdkReady(state),
   sortByItem: selectSortByItem(state),
   timeItem: selectTimeItem(state),
   unreadSubscriptions: selectUnreadSubscriptions(state),
@@ -41,11 +42,9 @@ const perform = dispatch => ({
   pushDrawerStack: () => dispatch(doPushDrawerStack(Constants.DRAWER_ROUTE_DISCOVER)),
   removeUnreadSubscriptions: () => dispatch(doRemoveUnreadSubscriptions()),
   setClientSetting: (key, value) => dispatch(doSetClientSetting(key, value)),
+  setPlayerVisible: () => dispatch(doSetPlayerVisible(false)),
   setSortByItem: item => dispatch(doSetSortByItem(item)),
   setTimeItem: item => dispatch(doSetTimeItem(item)),
 });
 
-export default connect(
+export default connect(select, perform)(DiscoverPage);
-  select,
-  perform
-)(DiscoverPage);

src/page/discover/view.js

@@ -23,6 +23,7 @@ import Icon from 'react-native-vector-icons/FontAwesome5';
 import Link from 'component/link';
 import ModalTagSelector from 'component/modalTagSelector';
 import ModalPicker from 'component/modalPicker';
+import SdkLoadingStatus from 'component/sdkLoadingStatus';
 import UriBar from 'component/uriBar';
 import _ from 'lodash';
 
@@ -37,29 +38,6 @@ class DiscoverPage extends React.PureComponent {
   };
 
   componentDidMount() {
-    // Track the total time taken if this is the first launch
-    AsyncStorage.getItem('firstLaunchTime').then(startTime => {
-      if (startTime !== null && !isNaN(parseInt(startTime, 10))) {
-        // We don't need this value anymore once we've retrieved it
-        AsyncStorage.removeItem('firstLaunchTime');
-
-        // We know this is the first app launch because firstLaunchTime is set and it"s a valid number
-        const start = parseInt(startTime, 10);
-        const now = moment().unix();
-        const delta = now - start;
-        AsyncStorage.getItem('firstLaunchSuspended').then(suspended => {
-          AsyncStorage.removeItem('firstLaunchSuspended');
-          const appSuspended = suspended === 'true';
-          if (NativeModules.Firebase) {
-            NativeModules.Firebase.track('first_run_time', {
-              total_seconds: delta,
-              app_suspended: appSuspended,
-            });
-          }
-        });
-      }
-    });
-
     const { sortByItem, fetchRewardedContent, fileList, followedTags } = this.props;
 
     this.buildTagCollection(followedTags);
@@ -86,9 +64,11 @@ class DiscoverPage extends React.PureComponent {
   }
 
   onComponentFocused = () => {
-    const { pushDrawerStack } = this.props;
+    const { pushDrawerStack, setPlayerVisible, currentRoute } = this.props;
-    // pushDrawerStack();
+    pushDrawerStack();
+
     NativeModules.Firebase.setCurrentScreen('Your tags');
+    setPlayerVisible();
   };
 
   handleSortByItemSelected = item => {
@@ -135,7 +115,7 @@ class DiscoverPage extends React.PureComponent {
             Alert.alert(
               __('Enjoying LBRY?'),
               __(
-                'Are you enjoying your experience with the LBRY app? You can leave a review for us on the Play Store.'
+                'Are you enjoying your experience with the LBRY app? You can leave a review for us on the Play Store.',
               ),
               [
                 {
@@ -151,7 +131,7 @@ class DiscoverPage extends React.PureComponent {
                   },
                 },
               ],
-              { cancelable: false }
+              { cancelable: false },
             );
           }
         }
@@ -289,12 +269,13 @@ class DiscoverPage extends React.PureComponent {
   );
 
   render() {
-    const { navigation, sortByItem, timeItem } = this.props;
+    const { currentRoute, navigation, sdkReady, sortByItem, timeItem } = this.props;
-    const { orderBy, showModalTagSelector, showSortPicker, showTimePicker } = this.state;
+    const { showModalTagSelector, showSortPicker, showTimePicker } = this.state;
 
     return (
       <View style={discoverStyle.container}>
         <UriBar navigation={navigation} belowOverlay={showModalTagSelector} />
+        {currentRoute !== Constants.ROUTE_FILE && currentRoute !== Constants.DRAWER_ROUTE_FILE_VIEW && (
           <SectionList
             ListHeaderComponent={this.sectionListHeader}
             ListFooterComponent={this.sectionListFooter}
@@ -308,7 +289,8 @@ class DiscoverPage extends React.PureComponent {
             sections={this.buildSections()}
             keyExtractor={(item, index) => item}
           />
-        {!showModalTagSelector && !showSortPicker && !showTimePicker && (
+        )}
+        {sdkReady && !showModalTagSelector && !showSortPicker && !showTimePicker && (
           <FloatingWalletBalance navigation={navigation} />
         )}
         {showModalTagSelector && (
@@ -335,6 +317,8 @@ class DiscoverPage extends React.PureComponent {
             items={Constants.CLAIM_SEARCH_TIME_ITEMS}
           />
         )}
+
+        {!sdkReady && <SdkLoadingStatus />}
       </View>
     );
   }

src/page/downloads/index.js

@@ -11,15 +11,17 @@ import {
 import { doPushDrawerStack, doSetPlayerVisible } from 'redux/actions/drawer';
 import { doDeleteFile } from 'redux/actions/file';
 import { selectCurrentRoute } from 'redux/selectors/drawer';
+import { selectSdkReady } from 'redux/selectors/settings';
 import Constants from 'constants'; // eslint-disable-line node/no-deprecated-api
 import DownloadsPage from './view';
 
 const select = state => ({
   claims: selectMyClaimsWithoutChannels(state),
   currentRoute: selectCurrentRoute(state),
-  fileInfos: selectFileInfosDownloaded(state),
   downloadedUris: selectDownloadedUris(state),
+  fileInfos: selectFileInfosDownloaded(state),
   fetching: selectIsFetchingFileList(state) || selectIsFetchingClaimListMine(state),
+  sdkReady: selectSdkReady(state),
 });
 
 const perform = dispatch => ({
@@ -32,7 +34,4 @@ const perform = dispatch => ({
   setPlayerVisible: () => dispatch(doSetPlayerVisible(false)),
 });
 
-export default connect(
+export default connect(select, perform)(DownloadsPage);
-  select,
-  perform
-)(DownloadsPage);

src/page/downloads/view.js

@@ -79,7 +79,7 @@ class DownloadsPage extends React.PureComponent {
     const { claims, fileInfos } = this.props;
     const claimUris = claims.map(claim => normalizeURI(`${claim.name}#${claim.claim_id}`));
     return fileInfos.filter(
-      fileInfo => !claimUris.includes(normalizeURI(`${fileInfo.claim_name}#${fileInfo.claim_id}`))
+      fileInfo => !claimUris.includes(normalizeURI(`${fileInfo.claim_name}#${fileInfo.claim_id}`)),
     );
   };
 
@@ -125,7 +125,11 @@ class DownloadsPage extends React.PureComponent {
           onPress: () => {
             const uris = Object.keys(selectedClaimsMap);
             uris.forEach(uri => {
-              const { txid, nout } = selectedClaimsMap[uri];
+              const { txid, nout, name, claim_id: claimId } = selectedClaimsMap[uri];
+              if (name && claimId) {
+                NativeModules.UtilityModule.deleteDownload(normalizeURI(`${name}#${claimId}`));
+              }
+
               deleteFile(`${txid}:${nout}`, true);
             });
             this.onExitSelectionMode();
@@ -135,16 +139,29 @@ class DownloadsPage extends React.PureComponent {
       ],
       {
         cancelable: true,
-      }
+      },
     );
   };
 
   render() {
-    const { fetching, claims, downloadedUris, fileInfos, navigation } = this.props;
+    const { downloadedUris, fetching, navigation, sdkReady } = this.props;
     const { selectionMode, selectedUris } = this.state;
     const filteredUris = this.getFilteredUris();
     const hasDownloads = filteredUris && filteredUris.length > 0;
 
+    if (!sdkReady) {
+      return (
+        <View style={downloadsStyle.container}>
+          <UriBar navigation={navigation} />
+          <EmptyStateView
+            message={__(
+              'The background service is still initializing. You can still explore and watch content during the initialization process.',
+            )}
+          />
+        </View>
+      );
+    }
+
     return (
       <View style={downloadsStyle.container}>
         <UriBar
@@ -184,7 +201,7 @@ class DownloadsPage extends React.PureComponent {
                       this.handleSelectItem(item, claim);
                     } else {
                       // TODO: when shortUrl is available for my claims, navigate to that URL instead
-                      navigateToUri(navigation, item, { autoplay: true });
+                      navigateToUri(navigation, item, { autoplay: true }, false, null);
                     }
                   }}
                   onLongPress={claim => this.handleItemLongPress(item, claim)}

src/page/file/index.js

@@ -27,7 +27,6 @@ import {
   selectPurchasedUris,
   selectFailedPurchaseUris,
   selectPurchaseUriErrorMessage,
-  selectIsSearching,
 } from 'lbry-redux';
 import {
   doClaimEligiblePurchaseRewards,
@@ -41,7 +40,8 @@ import {
 import { doDeleteFile, doStopDownloadingFile } from 'redux/actions/file';
 import { doPushDrawerStack, doPopDrawerStack, doSetPlayerVisible } from 'redux/actions/drawer';
 import { doToggleFullscreenMode } from 'redux/actions/settings';
-import { selectDrawerStack, selectIsPlayerVisible } from 'redux/selectors/drawer';
+import { selectDrawerStack, makeSelectPlayerVisible } from 'redux/selectors/drawer';
+import { selectSdkReady } from 'redux/selectors/settings';
 import FilePage from './view';
 
 const select = (state, props) => {
@@ -61,16 +61,16 @@ const select = (state, props) => {
     fileInfo: makeSelectFileInfoForUri(contentUri)(state),
     rewardedContentClaimIds: selectRewardContentClaimIds(state, selectProps),
     channelUri: makeSelectChannelForClaimUri(contentUri, true)(state),
-    isPlayerVisible: selectIsPlayerVisible(state),
+    isPlayerVisible: makeSelectPlayerVisible(uri)(state), // use navigation uri for this selector
     position: makeSelectContentPositionForUri(contentUri)(state),
     purchasedUris: selectPurchasedUris(state),
     failedPurchaseUris: selectFailedPurchaseUris(state),
     myClaimUris: selectMyClaimUrisWithoutChannels(state),
     purchaseUriErrorMessage: selectPurchaseUriErrorMessage(state),
+    sdkReady: selectSdkReady(state),
     streamingUrl: makeSelectStreamingUrlForUri(contentUri)(state),
     thumbnail: makeSelectThumbnailForUri(contentUri)(state),
     title: makeSelectTitleForUri(contentUri)(state),
-    isSearchingRecommendContent: selectIsSearching(state),
     viewCount: makeSelectViewCountForUri(contentUri)(state),
   };
 };
@@ -84,7 +84,7 @@ const perform = dispatch => ({
   fetchFileInfo: uri => dispatch(doFetchFileInfo(uri)),
   fetchCostInfo: uri => dispatch(doFetchCostInfoForUri(uri)),
   fetchMyClaims: () => dispatch(doFetchClaimListMine()),
-  fetchChannelListMine: () => dispatch(doFetchChannelListMine()),
+  fetchChannelListMine: () => dispatch(doFetchChannelListMine(1, 99999, true)),
   fetchViewCount: claimId => dispatch(doFetchViewCount(claimId)),
   fileGet: (uri, saveFile) => dispatch(doFileGet(uri, saveFile)),
   notify: data => dispatch(doToast(data)),
@@ -96,12 +96,9 @@ const perform = dispatch => ({
   resolveUris: uris => dispatch(doResolveUris(uris)),
   sendTip: (amount, claimId, isSupport, successCallback, errorCallback) =>
     dispatch(doSendTip(amount, claimId, isSupport, successCallback, errorCallback)),
-  setPlayerVisible: () => dispatch(doSetPlayerVisible(true)),
+  setPlayerVisible: (visible, uri) => dispatch(doSetPlayerVisible(visible, uri)),
   stopDownload: (uri, fileInfo) => dispatch(doStopDownloadingFile(uri, fileInfo)),
   toggleFullscreenMode: mode => dispatch(doToggleFullscreenMode(mode)),
 });
 
-export default connect(
+export default connect(select, perform)(FilePage);
-  select,
-  perform,
-)(FilePage);

src/page/file/view.js

@@ -21,7 +21,7 @@ import {
 } from 'react-native';
 import { WebView } from 'react-native-webview';
 import { NavigationEvents } from 'react-navigation';
-import { navigateBack, navigateToUri, formatLbryUrlForWeb } from 'utils/helper';
+import { navigateBack, navigateToUri, formatBytes, formatLbryUrlForWeb } from 'utils/helper';
 import Icon from 'react-native-vector-icons/FontAwesome5';
 import ImageViewer from 'react-native-image-zoom-viewer';
 import Button from 'component/button';
@@ -37,12 +37,13 @@ import FilePrice from 'component/filePrice';
 import FloatingWalletBalance from 'component/floatingWalletBalance';
 import Link from 'component/link';
 import MediaPlayer from 'component/mediaPlayer';
+import ModalRepostView from 'component/modalRepostView';
 import ModalTipView from 'component/modalTipView';
+import ProgressCircle from 'react-native-progress-circle';
 import RelatedContent from 'component/relatedContent';
 import SubscribeButton from 'component/subscribeButton';
 import SubscribeNotificationButton from 'component/subscribeNotificationButton';
 import UriBar from 'component/uriBar';
-import Video from 'react-native-video';
 import FileRewardsDriver from 'component/fileRewardsDriver';
 import filePageStyle from 'styles/filePage';
 import uriBarStyle from 'styles/uriBar';
@@ -72,7 +73,7 @@ class FilePage extends React.PureComponent {
   constructor(props) {
     super(props);
     this.state = {
-      attemptAutoGet: false,
+      autoGetAttempted: false,
       autoOpened: false,
       autoDownloadStarted: false,
       autoPlayMedia: false,
@@ -94,6 +95,8 @@ class FilePage extends React.PureComponent {
       showImageViewer: false,
       showWebView: false,
       showTipView: false,
+      showRepostView: false,
+      playbackStarted: false,
       playerBgHeight: 0,
       playerHeight: 0,
       uri: null,
@@ -102,6 +105,8 @@ class FilePage extends React.PureComponent {
       stopDownloadConfirmed: false,
       streamingMode: false,
       viewCountFetched: false,
+      isRepost: false,
+      uriPushedToDrawerStack: false,
     };
   }
 
@@ -112,9 +117,28 @@ class FilePage extends React.PureComponent {
     // this.didFocusListener = navigation.addListener('didFocus', this.onComponentFocused);
   }
 
+  checkRepost = () => {
+    const { claim, isResolvingUri, navigation, pushDrawerStack } = this.props;
+    const { uri } = this.state;
+    if (!isResolvingUri) {
+      if (claim && claim.repost_url) {
+        // redirect to canonical url
+        this.setState({ isRepost: true });
+        navigateToUri(navigation, claim.canonical_url, null, false, claim.permanent_url, false, true);
+      } else {
+        this.setState({ uriPushedToDrawerStack: true }, () => {
+          pushDrawerStack(uri);
+        });
+      }
+    }
+  };
+
   onComponentFocused = () => {
     StatusBar.setHidden(false);
     NativeModules.Firebase.setCurrentScreen('File').then(result => {
+      const { setPlayerVisible } = this.props;
+
+      DeviceEventEmitter.addListener('onDownloadAborted', this.handleDownloadAborted);
       DeviceEventEmitter.addListener('onStoragePermissionGranted', this.handleStoragePermissionGranted);
       DeviceEventEmitter.addListener('onStoragePermissionRefused', this.handleStoragePermissionRefused);
 
@@ -122,8 +146,11 @@ class FilePage extends React.PureComponent {
       const { uri, uriVars } = navigation.state.params;
       this.setState({ uri, uriVars });
 
+      setPlayerVisible(true, uri);
       if (!isResolvingUri && !claim) resolveUri(uri);
 
+      this.checkRepost();
+
       this.fetchFileInfo(uri, this.props);
       this.fetchCostInfo(uri, this.props);
 
@@ -162,7 +189,6 @@ class FilePage extends React.PureComponent {
       notify,
       drawerStack: prevDrawerStack,
     } = this.props;
-    const { uri } = navigation.state.params;
     const {
       currentRoute: prevRoute,
       failedPurchaseUris,
@@ -173,16 +199,13 @@ class FilePage extends React.PureComponent {
       drawerStack,
       resolveUris,
     } = nextProps;
+    const uri = this.getPurchaseUrl();
 
     if (Constants.ROUTE_FILE === currentRoute && currentRoute !== prevRoute) {
       this.onComponentFocused();
     }
 
-    if (
+    if (failedPurchaseUris.includes(uri) && prevPurchaseUriErrorMessage !== purchaseUriErrorMessage) {
-      failedPurchaseUris.includes(uri) &&
-      !purchasedUris.includes(uri) &&
-      prevPurchaseUriErrorMessage !== purchaseUriErrorMessage
-    ) {
       if (purchaseUriErrorMessage && purchaseUriErrorMessage.trim().length > 0) {
         notify({ message: purchaseUriErrorMessage, isError: true });
       }
@@ -192,21 +215,23 @@ class FilePage extends React.PureComponent {
     const mediaType = Lbry.getMediaType(contentType);
     const isPlayable = mediaType === 'video' || mediaType === 'audio';
     if (this.state.fileGetStarted || prevPurchasedUris.length !== purchasedUris.length) {
-      const { permanent_url: permanentUrl } = claim;
+      const { permanent_url: permanentUrl, nout, txid } = claim;
-      if (purchasedUris.includes(uri) || purchasedUris.includes(permanentUrl)) {
-        const { nout, txid } = claim;
       const outpoint = `${txid}:${nout}`;
+      if (this.state.fileGetStarted) {
         NativeModules.UtilityModule.queueDownload(outpoint);
+        this.setState({ fileGetStarted: false });
+      }
+
+      if (purchasedUris.includes(uri) || purchasedUris.includes(permanentUrl)) {
         // If the media is playable, file/view will be done in onPlaybackStarted
         if (!isPlayable && !this.state.fileViewLogged) {
           this.logFileView(uri, claim);
         }
-        this.setState({ fileGetStarted: false });
       }
       NativeModules.UtilityModule.checkDownloads();
     }
 
-    if (!this.state.streamingMode && isPlayable) {
+    if ((!fileInfo || (fileInfo && !fileInfo.completed)) && !this.state.streamingMode && isPlayable) {
       if (streamingUrl) {
         this.setState({ streamingMode: true, currentStreamUrl: streamingUrl });
       } else if (fileInfo && fileInfo.streaming_url) {
@@ -231,19 +256,70 @@ class FilePage extends React.PureComponent {
   }
 
   shouldComponentUpdate(nextProps, nextState) {
-    return (
+    const { fileInfo: prevFileInfo } = this.props;
-      Object.keys(this.difference(nextProps, this.props)).length > 0 ||
+    const { fileInfo } = nextProps;
-      Object.keys(this.difference(nextState, this.state)).length > 0
+
-    );
+    const propKeyTriggers = ['balance', 'viewCount', 'isResolvingUri'];
+    const stateKeyTriggers = [
+      'downloadPressed',
+      'fullscreenMode',
+      'mediaLoaded',
+      'playerBgHeighht',
+      'playerHeight',
+      'relatedY',
+      'showRepostView',
+      'showTipView',
+      'showImageViewer',
+      'showWebView',
+      'showDescription',
+      'showRecommended',
+      'uri',
+    ];
+    for (let i = 0; i < propKeyTriggers.length; i++) {
+      const key = propKeyTriggers[i];
+      if (this.props[key] !== nextProps[key]) {
+        return true;
+      }
+    }
+    for (let i = 0; i < stateKeyTriggers.length; i++) {
+      const key = stateKeyTriggers[i];
+      if (this.state[key] !== nextState[key]) {
+        return true;
+      }
+    }
+
+    if (!prevFileInfo && fileInfo) {
+      return true;
+    }
+    if (prevFileInfo && fileInfo && Object.keys(this.difference(fileInfo, prevFileInfo)).length > 0) {
+      return true;
+    }
+
+    return false;
   }
 
   componentDidUpdate(prevProps, prevState) {
-    const { claim, contentType, costInfo, fileInfo, isResolvingUri, resolveUri, navigation, title } = this.props;
+    const {
+      claim,
+      contentType,
+      costInfo,
+      fileInfo,
+      isResolvingUri,
+      resolveUri,
+      sdkReady,
+      navigation,
+      title,
+    } = this.props;
     const { uri } = this.state;
     if (!isResolvingUri && claim === undefined && uri) {
       resolveUri(uri);
     }
 
+    if (!prevProps.claim && claim) {
+      this.checkRepost();
+      return;
+    }
+
     // Returned to the page. If mediaLoaded, and currentMediaInfo is different, update
     if (this.state.mediaLoaded && window.currentMediaInfo && window.currentMediaInfo.uri !== this.state.uri) {
       const { metadata } = this.props;
@@ -259,10 +335,12 @@ class FilePage extends React.PureComponent {
     const isPlayable = mediaType === 'video' || mediaType === 'audio';
     const isViewable = mediaType === 'image' || mediaType === 'text';
     if (claim && costInfo && costInfo.cost === 0 && !this.state.autoGetAttempted && isViewable) {
-      this.setState({ autoGetAttempted: true }, () => this.checkStoragePermissionForDownload());
+      this.setState({ autoGetAttempted: true }, () => {
+        this.checkStoragePermissionForDownload();
+      });
     }
 
-    if (((costInfo && costInfo.cost > 0) || !isPlayable) && (!fileInfo && !isViewable) && !this.state.showRecommended) {
+    if (((costInfo && costInfo.cost > 0) || !isPlayable) && !fileInfo && !isViewable && !this.state.showRecommended) {
       this.setState({ showRecommended: true });
     }
 
@@ -321,7 +399,11 @@ class FilePage extends React.PureComponent {
 
   onEditPressed = () => {
     const { claim, navigation } = this.props;
-    navigation.navigate({ routeName: Constants.DRAWER_ROUTE_PUBLISH, params: { editMode: true, claimToEdit: claim } });
+    const uri = this.state.uri || this.getPurchaseUrl();
+    navigation.navigate({
+      routeName: Constants.DRAWER_ROUTE_PUBLISH,
+      params: { editMode: true, claimToEdit: claim, returnUrl: uri },
+    });
   };
 
   onDeletePressed = () => {
@@ -336,11 +418,12 @@ class FilePage extends React.PureComponent {
           text: __('Yes'),
           onPress: () => {
             const { uri } = navigation.state.params;
+            const purchaseUrl = this.getPurchaseUrl();
 
             deleteFile(`${claim.txid}:${claim.nout}`, true);
             deletePurchasedUri(uri);
 
-            NativeModules.UtilityModule.deleteDownload(uri);
+            NativeModules.UtilityModule.deleteDownload(normalizeURI(purchaseUrl));
             this.setState({
               downloadPressed: false,
               fileViewLogged: false,
@@ -368,19 +451,18 @@ class FilePage extends React.PureComponent {
     const { deletePurchasedUri, fileInfo, navigation, notify, stopDownload } = this.props;
 
     Alert.alert(
-      'Stop download',
+      __('Stop download'),
-      'Are you sure you want to stop downloading this file?',
+      __('Are you sure you want to stop downloading this file?'),
       [
-        { text: 'No' },
+        { text: __('No') },
         {
-          text: 'Yes',
+          text: __('Yes'),
           onPress: () => {
-            const { uri } = navigation.state.params;
+            const uri = this.getPurchaseUrl();
             stopDownload(uri, fileInfo);
             deletePurchasedUri(uri);
-            if (NativeModules.UtilityModule) {
+            NativeModules.UtilityModule.deleteDownload(normalizeURI(uri));
-              NativeModules.UtilityModule.deleteDownload(uri);
+
-            }
             this.setState({
               downloadPressed: false,
               fileViewLogged: false,
@@ -391,7 +473,7 @@ class FilePage extends React.PureComponent {
             // there can be a bit of lag between the user pressing Yes and the UI being updated
             // after the file_set_status and file_delete operations, so let the user know
             notify({
-              message: 'The download will stop momentarily. You do not need to wait to discover something else.',
+              message: __('The download will stop momentarily. You do not need to wait to discover something else.'),
             });
           },
         },
@@ -416,12 +498,29 @@ class FilePage extends React.PureComponent {
     if (window.currentMediaInfo) {
       window.currentMediaInfo = null;
     }
-    window.player = null;
+    DeviceEventEmitter.removeListener('onDownloadAborted', this.handleDownloadAborted);
-
     DeviceEventEmitter.removeListener('onStoragePermissionGranted', this.handleStoragePermissionGranted);
     DeviceEventEmitter.removeListener('onStoragePermissionRefused', this.handleStoragePermissionRefused);
   }
 
+  handleDownloadAborted = evt => {
+    const { deletePurchasedUri, fileInfo, stopDownload } = this.props;
+    const { uri, outpoint } = evt;
+    const purchaseUrl = normalizeURI(this.getPurchaseUrl());
+    if (purchaseUrl === uri) {
+      stopDownload(uri, fileInfo);
+      deletePurchasedUri(uri);
+      NativeModules.UtilityModule.deleteDownload(normalizeURI(uri));
+
+      this.setState({
+        downloadPressed: false,
+        fileViewLogged: false,
+        mediaLoaded: false,
+        stopDownloadConfirmed: true,
+      });
+    }
+  };
+
   handleStoragePermissionGranted = () => {
     // permission was allowed. proceed to download
     const { notify } = this.props;
@@ -434,7 +533,7 @@ class FilePage extends React.PureComponent {
       })
         .then(() => this.performDownload())
         .catch(() => {
-          notify({ message: 'The file could not be downloaded to the default download directory.', isError: true });
+          notify({ message: __('The file could not be downloaded to the default download directory.'), isError: true });
         });
     });
   };
@@ -452,12 +551,14 @@ class FilePage extends React.PureComponent {
     if (!fileInfo) {
       return null;
     }
-    return 'file:///' + fileInfo.download_path;
+    return 'file://' + fileInfo.download_path;
   };
 
   playerUriForFileInfo = fileInfo => {
     const { streamingUrl } = this.props;
-    if (fileInfo && fileInfo.download_path) {
+    if (!this.state.streamingMode && fileInfo && fileInfo.download_path && fileInfo.completed) {
+      // take streamingMode in the state into account because if the download completes while
+      // the media is already streaming, it will restart from the beginning
       return this.getEncodedDownloadPath(fileInfo);
     }
     if (streamingUrl) {
@@ -548,7 +649,7 @@ class FilePage extends React.PureComponent {
     let timeToStartMillis, timeToStart;
     if (this.startTime) {
       timeToStartMillis = Date.now() - this.startTime;
-      timeToStart = Math.ceil(timeToStartMillis / 1000);
+      timeToStart = Math.ceil(timeToStartMillis / 1000.0);
       this.startTime = null;
     }
 
@@ -558,13 +659,13 @@ class FilePage extends React.PureComponent {
 
     let payload = { uri: uri };
     if (!isNaN(timeToStart)) {
-      payload['time_to_start_seconds'] = timeToStart;
+      payload['time_to_start_seconds'] = parseInt(timeToStart, 10);
-      payload['time_to_start_ms'] = timeToStartMillis;
+      payload['time_to_start_ms'] = parseInt(timeToStartMillis, 10);
     }
     NativeModules.Firebase.track('play', payload);
 
     // only fetch recommended content after playback has started
-    this.setState({ showRecommended: true });
+    this.setState({ playbackStarted: true, showRecommended: true });
   };
 
   onPlaybackFinished = () => {
@@ -619,14 +720,20 @@ class FilePage extends React.PureComponent {
   };
 
   confirmPurchaseUri = (uri, costInfo, download) => {
-    const { notify, purchaseUri, title } = this.props;
+    const { notify, purchaseUri, sdkReady, title } = this.props;
     if (!costInfo) {
       notify({ message: __('This content cannot be viewed at this time. Please try again in a bit.'), isError: true });
+      this.setState({ downloadPressed: false });
       this.fetchCostInfo(uri, this.props);
       return;
     }
 
     const { cost } = costInfo;
+    if (!NativeModules.UtilityModule.dhtEnabled && !sdkReady && parseFloat(cost) === 0) {
+      this.attemptLbryTvPlayback();
+      return;
+    }
+
     if (costInfo.cost > 0) {
       Alert.alert(
         __('Confirm Purchase'),
@@ -639,36 +746,57 @@ class FilePage extends React.PureComponent {
         [
           {
             text: __('OK'),
-            onPress: () => purchaseUri(uri, costInfo, download),
+            onPress: () => {
+              this.startTime = Date.now();
+              purchaseUri(uri, costInfo, download);
+            },
           },
           { text: __('Cancel') },
         ],
       );
     } else {
       // Free content. Just call purchaseUri directly.
+      this.startTime = Date.now();
       purchaseUri(uri, costInfo, download);
     }
   };
 
+  getStreamUrlForClaim = claim => {
+    const { name, claim_id: claimId } = claim;
+    return `https://player.lbry.tv/content/claims/${name}/${claimId}/stream`;
+  };
+
+  attemptLbryTvPlayback = () => {
+    const { claim } = this.props;
+    if (claim) {
+      this.setState({ streamingMode: true, currentStreamUrl: this.getStreamUrlForClaim(claim) });
+    }
+  };
+
   onFileDownloadButtonPressed = () => {
-    const { claim, costInfo, contentType, purchaseUri, setPlayerVisible } = this.props;
+    this.startTime = Date.now();
+    const { claim, costInfo, contentType, notify, sdkReady, setPlayerVisible } = this.props;
     const mediaType = Lbry.getMediaType(contentType);
     const isPlayable = mediaType === 'video' || mediaType === 'audio';
     const isViewable = mediaType === 'image' || mediaType === 'text';
-
     const purchaseUrl = this.getPurchaseUrl();
-    NativeModules.Firebase.track('purchase_uri', { uri: purchaseUrl });
 
     if (!isPlayable) {
-      this.checkStoragePermissionForDownload();
+      if (!sdkReady) {
+        notify({
+          message: __('The LBRY background service is still initializing. Please wait a few moments and try again.'),
+        });
+        return;
+      }
+      this.onDownloadPressed();
     } else {
       this.confirmPurchaseUri(purchaseUrl, costInfo, !isPlayable);
     }
 
+    NativeModules.Firebase.track('purchase_uri', { uri: purchaseUrl });
+
     if (isPlayable) {
-      this.startTime = Date.now();
       this.setState({ downloadPressed: true, autoPlayMedia: true, stopDownloadConfirmed: false });
-      setPlayerVisible();
     }
     if (isViewable) {
       this.setState({ downloadPressed: true });
@@ -682,7 +810,7 @@ class FilePage extends React.PureComponent {
     let purchaseUrl;
     if (navigation.state.params) {
       const { uri, fullUri } = navigation.state.params;
-      purchaseUrl = fullUri || uri || permanentUrl;
+      purchaseUrl = fullUri || permanentUrl || uri;
     }
     if (!purchaseUrl && permanentUrl) {
       purchaseUrl = permanentUrl;
@@ -692,7 +820,33 @@ class FilePage extends React.PureComponent {
   };
 
   onDownloadPressed = () => {
+    const { claim, notify, sdkReady, title } = this.props;
+    if (!sdkReady) {
+      notify({
+        message: __(
+          'The background service is still initializing. You can still explore and watch content during the initialization process.',
+        ),
+      });
+      return;
+    }
+
+    const fileSize = claim && claim.value && claim.value.source ? claim.value.source.size : 0;
+    Alert.alert(
+      __('Download file'),
+      fileSize > 0
+        ? __('Save "%title%" (%size%) to your device', { title, size: formatBytes(fileSize, 0) })
+        : __('Save "%title%" to your device', { title }),
+      [
+        { text: __('No') },
+        {
+          text: __('Yes'),
+          onPress: () => {
             this.checkStoragePermissionForDownload();
+          },
+        },
+      ],
+      { cancelable: true },
+    );
   };
 
   checkStoragePermissionForDownload = () => {
@@ -708,7 +862,7 @@ class FilePage extends React.PureComponent {
   };
 
   performDownload = () => {
-    const { claim, costInfo, purchaseUri } = this.props;
+    const { claim, costInfo, fileGet, fileInfo, purchasedUris } = this.props;
     this.setState(
       {
         downloadPressed: true,
@@ -716,15 +870,21 @@ class FilePage extends React.PureComponent {
         stopDownloadConfirmed: false,
       },
       () => {
-        this.confirmPurchaseUri(claim.permanent_url, costInfo, true);
+        const url = this.getPurchaseUrl();
+        if (fileInfo || purchasedUris.includes(url)) {
+          // file already in library or URI already purchased, use fileGet directly
+          this.setState({ fileGetStarted: true }, () => fileGet(url, true));
+        } else {
+          this.confirmPurchaseUri(url, costInfo, true);
+        }
         NativeModules.UtilityModule.checkDownloads();
       },
     );
   };
 
   onBackButtonPressed = () => {
-    const { navigation, drawerStack, popDrawerStack } = this.props;
+    const { navigation, drawerStack, popDrawerStack, setPlayerVisible } = this.props;
-    navigateBack(navigation, drawerStack, popDrawerStack);
+    navigateBack(navigation, drawerStack, popDrawerStack, setPlayerVisible);
   };
 
   onOpenFilePressed = () => {
@@ -732,25 +892,16 @@ class FilePage extends React.PureComponent {
     const localFileUri = this.localUriForFileInfo(fileInfo);
     const mediaType = Lbry.getMediaType(contentType);
     const isViewable = mediaType === 'image' || mediaType === 'text';
+    const isPlayable = mediaType === 'video' || mediaType === 'audio';
     if (isViewable) {
       this.openFile(localFileUri, mediaType, contentType);
+    } else if (isPlayable) {
+      notify({ message: __('Please press the Play button.') });
     } else {
       notify({ message: __('This file cannot be displayed in the LBRY app.') });
     }
   };
 
-  onSaveFilePressed = () => {
-    const { costInfo, fileGet, fileInfo, navigation, purchasedUris, purchaseUri } = this.props;
-    const { uri } = navigation.state.params;
-
-    if (fileInfo || purchasedUris.includes(uri)) {
-      // file already in library or URI already purchased, use fileGet directly
-      this.setState({ fileGetStarted: true }, () => fileGet(uri, true));
-    } else {
-      this.checkStoragePermissionForDownload();
-    }
-  };
-
   openFile = (localFileUri, mediaType, contentType) => {
     const { pushDrawerStack } = this.props;
     const isWebViewable = mediaType === 'text';
@@ -878,8 +1029,8 @@ class FilePage extends React.PureComponent {
       myClaimUris,
       navigation,
       position,
-      purchaseUri,
       pushDrawerStack,
+      setPlayerVisible,
       thumbnail,
       title,
       viewCount,
@@ -892,6 +1043,12 @@ class FilePage extends React.PureComponent {
 
     let innerContent = null;
     if ((isResolvingUri && !claim) || !claim) {
+      if (!isResolvingUri && !claim && !this.state.uriPushedToDrawerStack) {
+        this.setState({ uriPushedToDrawerStack: true }, () => {
+          pushDrawerStack(uri);
+        });
+      }
+
       return (
         <View style={filePageStyle.pageContainer}>
           <UriBar value={uri} navigation={navigation} />
@@ -960,6 +1117,17 @@ class FilePage extends React.PureComponent {
       tags = claim.value.tags;
     }
 
+    if (!isResolvingUri && this.state.isRepost) {
+      return null;
+    }
+
+    // in case we somehow get here without the uri pushed to the drawer stack
+    if (!isResolvingUri && !this.state.isRepost && !this.state.uriPushedToDrawerStack) {
+      this.setState({ uriPushedToDrawerStack: true }, () => {
+        pushDrawerStack(uri);
+      });
+    }
+
     const completed = fileInfo && fileInfo.completed;
     const isRewardContent = rewardedContentClaimIds.includes(claim.claim_id);
     const description = metadata.description ? metadata.description : null;
@@ -970,7 +1138,8 @@ class FilePage extends React.PureComponent {
     const channelName = signingChannel && signingChannel.name;
     const channelClaimId = claim && claim.signing_channel && claim.signing_channel.claim_id;
     const fullUri = `${claim.name}#${claim.claim_id}`;
-    const canEdit = myClaimUris.includes(normalizeURI(fullUri));
+    const canEdit =
+      myClaimUris.includes(normalizeURI(fullUri)) || myClaimUris.includes(normalizeURI(claim.canonical_url));
     const showActions =
       (canEdit || (fileInfo && fileInfo.download_path)) &&
       !this.state.fullscreenMode &&
@@ -1054,7 +1223,7 @@ class FilePage extends React.PureComponent {
               style={filePageStyle.mediaContainer}
               onPress={this.onFileDownloadButtonPressed}
             >
-              {(canOpen || (!fileInfo || (isPlayable && !canLoadMedia)) || (!canOpen && fileInfo)) && (
+              {(canOpen || !fileInfo || (isPlayable && !canLoadMedia) || (!canOpen && fileInfo)) && (
                 <FileItemMedia
                   duration={duration}
                   style={filePageStyle.thumbnail}
@@ -1191,6 +1360,14 @@ class FilePage extends React.PureComponent {
                     <Text style={filePageStyle.largeButtonText}>{__('Share')}</Text>
                   </TouchableOpacity>
 
+                  <TouchableOpacity
+                    style={filePageStyle.largeButton}
+                    onPress={() => this.setState({ showRepostView: true })}
+                  >
+                    <Icon name={'retweet'} size={16} style={filePageStyle.largeButtonIcon} />
+                    <Text style={filePageStyle.largeButtonText}>{__('Repost')}</Text>
+                  </TouchableOpacity>
+
                   <TouchableOpacity
                     style={filePageStyle.largeButton}
                     onPress={() => this.setState({ showTipView: true })}
@@ -1199,23 +1376,35 @@ class FilePage extends React.PureComponent {
                     <Text style={filePageStyle.largeButtonText}>{__('Tip')}</Text>
                   </TouchableOpacity>
 
-                  {!canEdit && !isPlayable && (
+                  {!canEdit && (
                     <View style={filePageStyle.sharedLargeButton}>
-                      {(!fileInfo || (fileInfo.written_bytes <= 0 && !completed)) && (
+                      {!this.state.downloadPressed &&
+                        (!fileInfo || !fileInfo.download_path || (fileInfo.written_bytes <= 0 && !completed)) && (
                         <TouchableOpacity style={filePageStyle.innerLargeButton} onPress={this.onDownloadPressed}>
                           <Icon name={'download'} size={16} style={filePageStyle.largeButtonIcon} />
                           <Text style={filePageStyle.largeButtonText}>{__('Download')}</Text>
                         </TouchableOpacity>
                       )}
 
+                      {this.state.downloadPressed && (!fileInfo || fileInfo.written_bytes === 0) && (
+                        <ActivityIndicator size={'small'} color={Colors.NextLbryGreen} />
+                      )}
+
                       {!completed &&
                         fileInfo &&
-                        !fileInfo.stopped &&
                         fileInfo.written_bytes > 0 &&
                         fileInfo.written_bytes < fileInfo.total_bytes &&
                         !this.state.stopDownloadConfirmed && (
                         <TouchableOpacity style={filePageStyle.innerLargeButton} onPress={this.onStopDownloadPressed}>
-                          <Icon name={'stop'} size={16} style={filePageStyle.largeButtonIcon} />
+                          <ProgressCircle
+                            percent={(fileInfo.written_bytes / fileInfo.total_bytes) * 100}
+                            radius={9}
+                            borderWidth={2}
+                            shadowColor={Colors.ActionGrey}
+                            color={Colors.NextLbryGreen}
+                          >
+                            <Icon name={'stop'} size={6} style={filePageStyle.largeButtonIcon} />
+                          </ProgressCircle>
                           <Text style={filePageStyle.largeButtonText}>{__('Stop')}</Text>
                         </TouchableOpacity>
                       )}
@@ -1270,6 +1459,7 @@ class FilePage extends React.PureComponent {
                             null,
                             false,
                             fullChannelUri,
+                            setPlayerVisible,
                           );
                         }}
                       />
@@ -1288,14 +1478,6 @@ class FilePage extends React.PureComponent {
                     />
                   </View>
                   <View style={filePageStyle.subscriptionRow}>
-                    {false && ((isPlayable && !fileInfo) || (isPlayable && fileInfo && !fileInfo.download_path)) && (
-                      <Button
-                        style={[filePageStyle.actionButton, filePageStyle.saveFileButton]}
-                        theme={'light'}
-                        icon={'download'}
-                        onPress={this.onSaveFilePressed}
-                      />
-                    )}
                     {channelName && (
                       <SubscribeButton
                         style={filePageStyle.actionButton}
@@ -1360,7 +1542,17 @@ class FilePage extends React.PureComponent {
             onSendTipSuccessful={() => this.setState({ showTipView: false })}
           />
         )}
+        {this.state.showRepostView && (
+          <ModalRepostView
+            claim={claim}
+            title={title}
+            onCancelPress={() => this.setState({ showRepostView: false })}
+            onOverlayPress={() => this.setState({ showRepostView: false })}
+            onRepostSuccessful={() => this.setState({ showRepostView: false })}
+          />
+        )}
         {!this.state.fullscreenMode &&
+          !this.state.showRepostView &&
           !this.state.showTipView &&
           !this.state.showImageViewer &&
           !this.state.showWebView && <FloatingWalletBalance navigation={navigation} />}

src/page/invites/index.js

@@ -0,0 +1,42 @@
+import { connect } from 'react-redux';
+import { selectMyChannelClaims, selectFetchingMyChannels, doFetchChannelListMine, doToast } from 'lbry-redux';
+import {
+  selectReferralReward,
+  selectUserInvitesRemaining,
+  selectUserInviteNewIsPending,
+  selectUserInviteNewErrorMessage,
+  selectUserInviteReferralLink,
+  selectUserInviteReferralCode,
+  selectUserInvitees,
+  selectUserInviteStatusIsPending,
+  doFetchInviteStatus,
+  doUserInviteNew,
+} from 'lbryinc';
+import { doPushDrawerStack, doSetPlayerVisible } from 'redux/actions/drawer';
+import { selectSdkReady } from 'redux/selectors/settings';
+import Constants from 'constants'; // eslint-disable-line node/no-deprecated-api
+import InvitesPage from './view';
+
+const select = state => ({
+  channels: selectMyChannelClaims(state),
+  errorMessage: selectUserInviteNewErrorMessage(state),
+  fetchingChannels: selectFetchingMyChannels(state),
+  fetchingInvitees: selectUserInviteStatusIsPending(state),
+  invitees: selectUserInvitees(state),
+  invitesRemaining: selectUserInvitesRemaining(state),
+  isPending: selectUserInviteNewIsPending(state),
+  referralCode: selectUserInviteReferralCode(state),
+  referralReward: selectReferralReward(state),
+  sdkReady: selectSdkReady(state),
+});
+
+const perform = dispatch => ({
+  fetchChannelListMine: () => dispatch(doFetchChannelListMine(1, 99999, true)),
+  fetchInviteStatus: () => dispatch(doFetchInviteStatus()),
+  inviteNew: email => dispatch(doUserInviteNew(email)),
+  pushDrawerStack: () => dispatch(doPushDrawerStack(Constants.DRAWER_ROUTE_INVITES)),
+  setPlayerVisible: () => dispatch(doSetPlayerVisible(false)),
+  notify: data => dispatch(doToast(data)),
+});
+
+export default connect(select, perform)(InvitesPage);

src/page/invites/view.js

@@ -0,0 +1,253 @@
+import React from 'react';
+import { Lbry, parseURI } from 'lbry-redux';
+import {
+  ActivityIndicator,
+  Clipboard,
+  NativeModules,
+  ScrollView,
+  Text,
+  TextInput,
+  TouchableOpacity,
+  View,
+} from 'react-native';
+import Colors from 'styles/colors';
+import Icon from 'react-native-vector-icons/FontAwesome5';
+import Button from 'component/button';
+import ChannelSelector from 'component/channelSelector';
+import EmptyStateView from 'component/emptyStateView';
+import UriBar from 'component/uriBar';
+import invitesStyle from 'styles/invites';
+import { fetchReferralCode, logPublish } from 'utils/helper';
+
+class InvitesPage extends React.PureComponent {
+  state = {
+    channelName: null,
+    email: null,
+    inviteLink: null,
+    selectedChannel: null,
+  };
+
+  componentWillMount() {
+    const { navigation } = this.props;
+    // this.didFocusListener = navigation.addListener('didFocus', this.onComponentFocused);
+  }
+
+  componentWillUnmount() {
+    if (this.didFocusListener) {
+      this.didFocusListener.remove();
+    }
+  }
+
+  onComponentFocused = () => {
+    const { fetchChannelListMine, fetchInviteStatus, pushDrawerStack, navigation, setPlayerVisible, user } = this.props;
+
+    pushDrawerStack();
+    setPlayerVisible();
+    NativeModules.Firebase.setCurrentScreen('Invites').then(result => {
+      fetchReferralCode(
+        response => {
+          if (response && response.length > 0) {
+            // only need to use the first referral code.
+            // inviteLink will be updated after channels are loaded (if the user has created at least one channel)
+            this.setState({ inviteLink: `https://lbry.tv/$/invite/${response[0]}` });
+          }
+          fetchChannelListMine();
+        },
+        error => {
+          fetchChannelListMine();
+        },
+      );
+      fetchInviteStatus();
+    });
+  };
+
+  componentDidMount() {
+    this.onComponentFocused();
+  }
+
+  handleChannelChange = channelName => {
+    const { channels = [] } = this.props;
+    if (channels && channels.length > 0) {
+      const filtered = channels.filter(c => c.name === channelName);
+      if (filtered.length > 0) {
+        const channel = filtered[0];
+        logPublish(channel);
+        this.setState({ channelName, inviteLink: this.getLinkForChannel(channel) });
+      }
+    }
+  };
+
+  getLinkForChannel = channel => {
+    const parsedUrl = channel.canonical_url ? parseURI(channel.canonical_url) : parseURI(channel.permanent_url);
+    const { claimId, claimName } = parsedUrl;
+    return `https://lbry.tv/$/invite/${claimName}:${claimId}`;
+  };
+
+  handleInviteEmailChange = text => {
+    this.setState({ email: text });
+  };
+
+  handleInvitePress = () => {
+    const { inviteNew, notify } = this.props;
+    const { email } = this.state;
+    if (!email || email.indexOf('@') === -1) {
+      return notify({
+        message: __('Please enter a valid email address to send an invite to.'),
+        isError: true,
+      });
+    }
+
+    inviteNew(email);
+  };
+
+  componentWillReceiveProps(nextProps) {
+    const { isPending: prevPending, notify } = this.props;
+    const { channels = [], isPending, errorMessage } = nextProps;
+    const { email } = this.state;
+
+    if (!this.state.channelName && channels && channels.length > 0) {
+      const firstChannel = channels[0];
+      logPublish(firstChannel);
+      this.setState({ channelName: firstChannel.name, inviteLink: this.getLinkForChannel(firstChannel) });
+    }
+
+    if (prevPending && !isPending) {
+      if (errorMessage && errorMessage.trim().length > 0) {
+        notify({ message: errorMessage, isError: true });
+      } else {
+        notify({ message: __(`${email} was invited to the LBRY party!`) });
+        this.setState({ email: null });
+      }
+    }
+  }
+
+  handleInviteLinkPress = () => {
+    const { notify } = this.props;
+    Clipboard.setString(this.state.inviteLink);
+    notify({
+      message: __('Invite link copied'),
+    });
+  };
+
+  render() {
+    const { fetchingInvitees, invitees, isPending, navigation, sdkReady } = this.props;
+    const { email } = this.state;
+    const hasInvitees = invitees && invitees.length > 0;
+
+    if (!sdkReady) {
+      return (
+        <View style={invitesStyle.container}>
+          <UriBar navigation={navigation} />
+          <EmptyStateView
+            message={__(
+              'The background service is still initializing. You can still explore and watch content during the initialization process.',
+            )}
+          />
+        </View>
+      );
+    }
+
+    return (
+      <View style={invitesStyle.container}>
+        <UriBar navigation={navigation} />
+
+        <ScrollView style={invitesStyle.scrollContainer}>
+          <TouchableOpacity style={invitesStyle.rewardDriverCard} onPress={() => navigation.navigate('Rewards')}>
+            <Icon name="award" size={16} style={invitesStyle.rewardDriverIcon} />
+            <Text style={invitesStyle.rewardDriverText}>{__('Earn rewards for inviting your friends.')}</Text>
+          </TouchableOpacity>
+
+          <View style={invitesStyle.card}>
+            <Text style={invitesStyle.title}>{__('Invite Link')}</Text>
+            <Text style={invitesStyle.text}>
+              {__('Share this link with friends (or enemies) and get 20 LBC when they join lbry.tv')}
+            </Text>
+
+            <Text style={invitesStyle.subTitle}>{__('Your invite link')}</Text>
+            <View style={invitesStyle.row}>
+              <Text selectable numberOfLines={1} style={invitesStyle.inviteLink} onPress={this.handleInviteLinkPress}>
+                {this.state.inviteLink}
+              </Text>
+              <Button icon={'clipboard'} style={invitesStyle.button} onPress={this.handleInviteLinkPress} />
+            </View>
+
+            <Text style={invitesStyle.customizeTitle}>{__('Customize invite link')}</Text>
+            <ChannelSelector
+              showAnonymous={false}
+              channelName={this.state.channelName}
+              onChannelChange={this.handleChannelChange}
+            />
+          </View>
+
+          <View style={invitesStyle.card}>
+            <Text style={invitesStyle.title}>{__('Invite by Email')}</Text>
+            <Text style={invitesStyle.text}>
+              {__('Invite someone you know by email and earn 20 LBC when they join lbry.tv.')}
+            </Text>
+
+            <TextInput
+              style={invitesStyle.emailInput}
+              editable={!isPending}
+              value={this.state.email}
+              onChangeText={this.handleInviteEmailChange}
+              placeholder={__('imaginary@friend.com')}
+              underlineColorAndroid={Colors.NextLbryGreen}
+            />
+            <View style={invitesStyle.rightRow}>
+              {isPending && (
+                <ActivityIndicator size={'small'} color={Colors.NextLbryGreen} style={invitesStyle.loading} />
+              )}
+              <Button
+                disabled={!email || email.indexOf('@') === -1 || isPending}
+                style={invitesStyle.button}
+                text={__('Invite')}
+                onPress={this.handleInvitePress}
+              />
+            </View>
+          </View>
+
+          <View style={[invitesStyle.card, invitesStyle.lastCard]}>
+            <View style={invitesStyle.titleRow}>
+              <Text style={invitesStyle.titleCol}>{__('Invite History')}</Text>
+              {fetchingInvitees && <ActivityIndicator size={'small'} color={Colors.NextLbryGreen} />}
+            </View>
+
+            <Text style={invitesStyle.text}>
+              {__(
+                'Earn 20 LBC for inviting a friend, an enemy, a frenemy, or an enefriend. Everyone needs content freedom.',
+              )}
+            </Text>
+
+            <View style={invitesStyle.invitees}>
+              {hasInvitees && (
+                <View style={invitesStyle.inviteesHeader}>
+                  <Text style={invitesStyle.emailHeader} numberOfLines={1}>
+                    {__('Email')}
+                  </Text>
+                  <Text style={invitesStyle.rewardHeader} numberOfLines={1}>
+                    {__('Reward')}
+                  </Text>
+                </View>
+              )}
+              {hasInvitees &&
+                invitees.map(invitee => (
+                  <View key={invitee.email} style={invitesStyle.inviteeItem}>
+                    <Text style={invitesStyle.inviteeEmail} numberOfLines={1}>
+                      {invitee.email}
+                    </Text>
+                    <Text style={invitesStyle.rewardStatus} numberOfLines={1}>
+                      {invitee.invite_reward_claimed && __('Claimed')}
+                      {!invitee.invite_reward_claimed &&
+                        (invitee.invite_reward_claimable ? __('Claimable') : __('Unclaimable'))}
+                    </Text>
+                  </View>
+                ))}
+            </View>
+          </View>
+        </ScrollView>
+      </View>
+    );
+  }
+}
+
+export default InvitesPage;

src/page/liteFile/index.js

@@ -0,0 +1,28 @@
+import { connect } from 'react-redux';
+import { makeSelectContentPositionForUri, selectBalance } from 'lbry-redux';
+import { doClaimEligiblePurchaseRewards, makeSelectViewCountForUri, selectRewardContentClaimIds } from 'lbryinc';
+import { doSetPlayerVisible } from 'redux/actions/drawer';
+import { makeSelectPlayerVisible } from 'redux/selectors/drawer';
+import { doToggleFullscreenMode } from 'redux/actions/settings';
+import LiteFilePage from './view';
+
+const select = (state, props) => {
+  const { uri, fullUri } = props.navigation.state.params;
+  const contentUri = fullUri || uri;
+  const selectProps = { uri: contentUri };
+  return {
+    balance: selectBalance(state),
+    isPlayerVisible: makeSelectPlayerVisible(uri)(state), // use navigation uri for this selector
+    position: makeSelectContentPositionForUri(contentUri)(state),
+    viewCount: makeSelectViewCountForUri(contentUri)(state),
+    rewardedContentClaimIds: selectRewardContentClaimIds(state),
+  };
+};
+
+const perform = dispatch => ({
+  claimEligibleRewards: () => dispatch(doClaimEligiblePurchaseRewards()),
+  setPlayerVisible: (visible, uri) => dispatch(doSetPlayerVisible(visible, uri)),
+  toggleFullscreenMode: mode => dispatch(doToggleFullscreenMode(mode)),
+});
+
+export default connect(select, perform)(LiteFilePage);

src/page/liteFile/view.js

@@ -0,0 +1,297 @@
+import React from 'react';
+import { Lbry, formatCredits, normalizeURI, parseURI, parseQueryParams } from 'lbry-redux';
+import { Lbryio } from 'lbryinc';
+import {
+  ActivityIndicator,
+  Alert,
+  DeviceEventEmitter,
+  Dimensions,
+  Image,
+  Linking,
+  NativeModules,
+  Platform,
+  ScrollView,
+  StatusBar,
+  StyleSheet,
+  Text,
+  TextInput,
+  TouchableOpacity,
+  TouchableWithoutFeedback,
+  View,
+} from 'react-native';
+import UriBar from 'component/uriBar';
+import Link from 'component/link';
+import MediaPlayer from 'component/mediaPlayer';
+import RelatedContent from 'component/relatedContent';
+import filePageStyle from 'styles/filePage';
+import { decode, formatLbryUrlForWeb, navigateToUri } from 'utils/helper';
+import Icon from 'react-native-vector-icons/FontAwesome5';
+import Constants from 'constants'; // eslint-disable-line node/no-deprecated-api
+import uriBarStyle from 'styles/uriBar';
+import { NavigationActions, StackActions } from 'react-navigation';
+
+// This page will only be used for playing audio / video content from a remote stream URL
+class LiteFilePage extends React.PureComponent {
+  playerBackground = null;
+
+  scrollView = null;
+
+  player = null;
+
+  startTime = null;
+
+  state = {
+    channelName: null,
+    channelUrl: null,
+    fileViewLogged: false,
+    fullscreenMode: false,
+    playbackStarted: false,
+    playerHeight: null,
+    isLandscape: false,
+    sdkReady: false, // TODO: progressively enable features (e.g. tip) when sdk is ready
+    showRecommended: false,
+    title: null,
+    viewCount: 0,
+  };
+
+  checkOrientation = () => {
+    if (this.state.fullscreenMode) {
+      return;
+    }
+
+    const screenDimension = Dimensions.get('window');
+    const screenWidth = screenDimension.width;
+    const screenHeight = screenDimension.height;
+    const isLandscape = screenWidth > screenHeight;
+    this.setState({ isLandscape });
+
+    if (!this.playerBackground) {
+      return;
+    }
+
+    if (isLandscape) {
+      this.playerBackground.setNativeProps({
+        height: screenHeight - StyleSheet.flatten(uriBarStyle.uriContainer).height,
+      });
+    } else if (this.state.playerBgHeight > 0) {
+      this.playerBackground.setNativeProps({ height: this.state.playerBgHeight });
+    }
+  };
+
+  handleFullscreenToggle = isFullscreen => {
+    const { toggleFullscreenMode } = this.props;
+    toggleFullscreenMode(isFullscreen);
+
+    if (isFullscreen) {
+      // fullscreen, so change orientation to landscape mode
+      NativeModules.ScreenOrientation.lockOrientationLandscape();
+
+      // hide the navigation bar (on devices that have the soft navigation bar)
+      NativeModules.UtilityModule.hideNavigationBar();
+    } else {
+      // Switch back to portrait mode when the media is not fullscreen
+      NativeModules.ScreenOrientation.lockOrientationPortrait();
+
+      // show the navigation bar (on devices that have the soft navigation bar)
+      NativeModules.UtilityModule.showNavigationBar();
+    }
+
+    this.setState({ fullscreenMode: isFullscreen });
+    StatusBar.setHidden(isFullscreen);
+  };
+
+  getStreamUrl = url => {
+    const { claimName, claimId } = parseURI(url);
+    return `https://player.lbry.tv/content/claims/${claimName}/${claimId}/stream`;
+  };
+
+  handleSharePress = url => {
+    const shareUrl = Constants.SHARE_BASE_URL + formatLbryUrlForWeb(url);
+    NativeModules.UtilityModule.shareUrl(shareUrl);
+  };
+
+  handleOpenUrl = url => {
+    const { navigation } = this.props;
+    Alert.alert(
+      __('Stop watching?'),
+      'The LBRY service is still loading stuff in the background. Would you like to continue?',
+      [
+        { text: __('No') },
+        {
+          text: __('Yes'),
+          onPress: () => {
+            const resetAction = StackActions.reset({
+              index: 0,
+              actions: [NavigationActions.navigate({ routeName: 'Splash', params: { resetUrl: url } })],
+            });
+            navigation.dispatch(resetAction);
+          },
+        },
+      ],
+    );
+  };
+
+  componentDidMount() {
+    this.startTime = Date.now();
+  }
+
+  componentDidUpdate() {
+    const { navigation } = this.props;
+    const { uri } = navigation.state.params;
+
+    if (!this.state.title) {
+      const params = parseQueryParams(uri);
+      const { channelUrl, contentTitle } = params;
+      const channelName = channelUrl ? parseURI(decode(channelUrl)).claimName : null;
+
+      this.setState({
+        title: decode(contentTitle),
+        channelUrl,
+        channelName,
+        showRecommended: true,
+      });
+    }
+  }
+
+  render() {
+    const { navigation, rewardedContentClaimIds } = this.props;
+    const { channelName, channelUrl, title, sdkReady, viewCount } = this.state;
+    const { uri } = navigation.state.params;
+    const { claimName, claimId } = parseURI(uri);
+    const isRewardContent = rewardedContentClaimIds.includes(claimId);
+
+    const playerBgStyle = [filePageStyle.playerBackground, filePageStyle.containedPlayerBackground];
+    const fsPlayerBgStyle = [filePageStyle.playerBackground, filePageStyle.fullscreenPlayerBackground];
+
+    const playerStyle = [
+      filePageStyle.player,
+      this.state.isLandscape
+        ? filePageStyle.containedPlayerLandscape
+        : this.state.fullscreenMode
+          ? filePageStyle.fullscreenPlayer
+          : filePageStyle.containedPlayer,
+    ];
+
+    return (
+      <View style={filePageStyle.pageContainer}>
+        {!this.state.fullscreenMode && <UriBar value={uri.split('?')[0]} navigation={navigation} />}
+
+        <View
+          style={this.state.fullscreenMode ? filePageStyle.innerPageContainerFsMode : filePageStyle.innerPageContainer}
+          onLayout={this.checkOrientation}
+        >
+          <TouchableOpacity activeOpacity={0.5} style={filePageStyle.mediaContainer} />
+
+          <View
+            style={playerBgStyle}
+            ref={ref => {
+              this.playerBackground = ref;
+            }}
+            onLayout={evt => {
+              if (!this.state.playerBgHeight) {
+                this.setState({ playerBgHeight: evt.nativeEvent.layout.height });
+              }
+            }}
+          />
+
+          {this.state.fullscreenMode && <View style={fsPlayerBgStyle} />}
+          <MediaPlayer
+            assignPlayer={ref => {
+              this.player = ref;
+            }}
+            uri={uri}
+            source={this.getStreamUrl(uri)}
+            style={playerStyle}
+            autoPlay
+            onFullscreenToggled={this.handleFullscreenToggle}
+            onLayout={evt => {
+              if (!this.state.playerHeight) {
+                this.setState({ playerHeight: evt.nativeEvent.layout.height });
+              }
+            }}
+          />
+
+          <ScrollView
+            style={filePageStyle.scrollContainer}
+            contentContainerStyle={filePageStyle.scrollContent}
+            keyboardShouldPersistTaps={'handled'}
+            ref={ref => {
+              this.scrollView = ref;
+            }}
+          >
+            <TouchableWithoutFeedback
+              style={filePageStyle.titleTouch}
+              onPress={() => this.setState({ showDescription: !this.state.showDescription })}
+            >
+              <View style={filePageStyle.titleArea}>
+                <View style={filePageStyle.titleRow}>
+                  <Text style={filePageStyle.title} selectable>
+                    {title}
+                  </Text>
+                  {isRewardContent && <Icon name="award" style={filePageStyle.rewardIcon} size={16} />}
+                </View>
+                <Text style={filePageStyle.viewCount}>
+                  {viewCount === 1 && __('%view% view', { view: viewCount })}
+                  {viewCount > 1 && __('%view% views', { view: viewCount })}
+                </Text>
+              </View>
+            </TouchableWithoutFeedback>
+
+            <View style={filePageStyle.largeButtonsRow}>
+              <TouchableOpacity style={filePageStyle.largeButton} onPress={() => this.handleSharePress(uri)}>
+                <Icon name={'share-alt'} size={16} style={filePageStyle.largeButtonIcon} />
+                <Text style={filePageStyle.largeButtonText}>{__('Share')}</Text>
+              </TouchableOpacity>
+
+              {sdkReady && (
+                <TouchableOpacity
+                  style={filePageStyle.largeButton}
+                  onPress={() => this.setState({ showTipView: true })}
+                >
+                  <Icon name={'gift'} size={16} style={filePageStyle.largeButtonIcon} />
+                  <Text style={filePageStyle.largeButtonText}>{__('Tip')}</Text>
+                </TouchableOpacity>
+              )}
+            </View>
+
+            <View style={filePageStyle.channelRow}>
+              <View style={filePageStyle.publishInfo}>
+                {channelName && (
+                  <Link
+                    style={filePageStyle.channelName}
+                    selectable
+                    text={channelName}
+                    numberOfLines={1}
+                    ellipsizeMode={'tail'}
+                    onPress={() => this.handleOpenUrl(channelUrl)}
+                  />
+                )}
+                {!channelName && (
+                  <Text style={filePageStyle.anonChannelName} selectable ellipsizeMode={'tail'}>
+                    {__('Anonymous')}
+                  </Text>
+                )}
+              </View>
+            </View>
+
+            <View onLayout={this.setRelatedContentPosition} />
+
+            {this.state.showRecommended && (
+              <RelatedContent
+                navigation={navigation}
+                claimId={claimId}
+                claimName={claimName}
+                title={title}
+                urlOpenHandler={this.handleOpenUrl}
+                uri={uri}
+                fullUri={uri}
+              />
+            )}
+          </ScrollView>
+        </View>
+      </View>
+    );
+  }
+}
+
+export default LiteFilePage;

src/page/publish/index.js

@@ -1,6 +1,7 @@
 import { connect } from 'react-redux';
 import {
   doPublish,
+  doFetchClaimListMine,
   doResolveUri,
   doToast,
   doUpdatePublishForm,
@@ -12,6 +13,7 @@ import { selectDrawerStack } from 'redux/selectors/drawer';
 import { doUpdatePublishFormState, doClearPublishFormState, doPendingPublishSuccess } from 'redux/actions/form';
 import { doPushDrawerStack, doPopDrawerStack, doSetPlayerVisible } from 'redux/actions/drawer';
 import { selectPublishFormState, selectHasPublishFormState } from 'redux/selectors/form';
+import { selectSdkReady } from 'redux/selectors/settings';
 import Constants from 'constants'; // eslint-disable-line node/no-deprecated-api
 import PublishPage from './view';
 
@@ -22,11 +24,13 @@ const select = state => ({
   myClaims: selectMyClaims(state),
   publishFormState: selectPublishFormState(state),
   publishFormValues: selectPublishFormValues(state),
+  sdkReady: selectSdkReady(state),
 });
 
 const perform = dispatch => ({
   notify: data => dispatch(doToast(data)),
   clearPublishFormState: () => dispatch(doClearPublishFormState()),
+  fetchMyClaims: () => dispatch(doFetchClaimListMine()),
   pendingPublishSuccess: pendingClaim => dispatch(doPendingPublishSuccess(pendingClaim)),
   updatePublishForm: value => dispatch(doUpdatePublishForm(value)),
   updatePublishFormState: data => dispatch(doUpdatePublishFormState(data)),
@@ -37,7 +41,4 @@ const perform = dispatch => ({
   setPlayerVisible: () => dispatch(doSetPlayerVisible(false)),
 });
 
-export default connect(
+export default connect(select, perform)(PublishPage);
-  select,
-  perform
-)(PublishPage);

src/page/publish/view.js

@@ -37,6 +37,7 @@ import Button from 'component/button';
 import ChannelSelector from 'component/channelSelector';
 import Colors from 'styles/colors';
 import Constants from 'constants'; // eslint-disable-line node/no-deprecated-api
+import EmptyStateView from 'component/emptyStateView';
 import FastImage from 'react-native-fast-image';
 import FloatingWalletBalance from 'component/floatingWalletBalance';
 import Icon from 'react-native-vector-icons/FontAwesome5';
@@ -47,7 +48,7 @@ import Tag from 'component/tag';
 import TagSearch from 'component/tagSearch';
 import UriBar from 'component/uriBar';
 import publishStyle from 'styles/publish';
-import { navigateToUri, logPublish, uploadImageAsset } from 'utils/helper';
+import { navigateToUri, navigateBack, logPublish, uploadImageAsset } from 'utils/helper';
 
 const languages = {
   en: 'English',
@@ -120,7 +121,7 @@ class PublishPage extends React.PureComponent {
 
     // input data
     hasEditedContentAddress: false,
-    bid: 0.1,
+    bid: 0.01,
     description: null,
     title: null,
     language: 'en',
@@ -141,6 +142,8 @@ class PublishPage extends React.PureComponent {
     // other
     publishStarted: false,
     storagePermissionRequired: false,
+    hasReturnedBack: false,
+    returnUrl: null,
   };
 
   didFocusListener;
@@ -209,7 +212,7 @@ class PublishPage extends React.PureComponent {
   };
 
   onComponentFocused = () => {
-    const { balance, hasFormState, pushDrawerStack, setPlayerVisible, navigation } = this.props;
+    const { balance, fetchMyClaims, hasFormState, pushDrawerStack, setPlayerVisible, navigation } = this.props;
     NativeModules.Firebase.setCurrentScreen('Publish').then(result => {
       pushDrawerStack(Constants.DRAWER_ROUTE_PUBLISH, navigation.state.params ? navigation.state.params : null);
       setPlayerVisible();
@@ -219,6 +222,7 @@ class PublishPage extends React.PureComponent {
 
       NativeModules.Gallery.canUseCamera().then(canUseCamera => this.setState({ canUseCamera }));
       NativeModules.Gallery.getThumbnailPath().then(thumbnailPath => this.setState({ thumbnailPath }));
+      fetchMyClaims();
 
       NativeModules.UtilityModule.canReadWriteStorage().then(canReadWrite => {
         if (!canReadWrite) {
@@ -235,7 +239,7 @@ class PublishPage extends React.PureComponent {
       let isEditMode = false,
         vanityUrlSet = false;
       if (navigation.state.params) {
-        const { displayForm, editMode, claimToEdit, vanityUrl } = navigation.state.params;
+        const { displayForm, editMode, claimToEdit, vanityUrl, returnUrl } = navigation.state.params;
         if (editMode) {
           this.prepareEdit(claimToEdit);
           isEditMode = true;
@@ -249,6 +253,7 @@ class PublishPage extends React.PureComponent {
             vanityUrl: claimName,
           });
         }
+        this.setState({ returnUrl });
       }
 
       if (!isEditMode && hasFormState) {
@@ -356,7 +361,7 @@ class PublishPage extends React.PureComponent {
   };
 
   handlePublishPressed = () => {
-    const { balance, notify, publish, updatePublishForm } = this.props;
+    const { balance, myClaims, notify, publish, updatePublishForm } = this.props;
     const {
       editMode,
       bid,
@@ -400,6 +405,14 @@ class PublishPage extends React.PureComponent {
     if (!isNameValid(name, false)) {
       notify({ message: __('Your content address contains invalid characters.'), isError: true });
       return;
+    } else if (!editMode && myClaims && myClaims.length > 0) {
+      if (myClaims.some(claim => claim.name.toLowerCase() === name.trim().toLowerCase())) {
+        notify({
+          message: __('You have already published to the specified content address. Please enter a new address.'),
+          isError: true,
+        });
+        return;
+      }
     }
 
     if (!currentMedia && !editMode) {
@@ -463,7 +476,15 @@ class PublishPage extends React.PureComponent {
   }
 
   componentWillReceiveProps(nextProps) {
-    const { currentRoute: prevRoute, drawerStack: prevDrawerStack, notify, updatePublishFormState } = this.props;
+    const {
+      currentRoute: prevRoute,
+      drawerStack: prevDrawerStack,
+      popDrawerStack,
+      setPlayerVisible,
+      navigation,
+      notify,
+      updatePublishFormState,
+    } = this.props;
     const { currentRoute, drawerStack, publishFormValues } = nextProps;
 
     if (Constants.DRAWER_ROUTE_PUBLISH === currentRoute && currentRoute !== prevRoute) {
@@ -477,6 +498,11 @@ class PublishPage extends React.PureComponent {
     ) {
       // navigated back from the form
       this.showSelector();
+      if (!this.state.hasReturnedBack && this.state.returnUrl) {
+        this.setState({ hasReturnedBack: true }, () => {
+          navigateBack(navigation, drawerStack, popDrawerStack, setPlayerVisible);
+        });
+      }
     }
   }
 
@@ -628,7 +654,7 @@ class PublishPage extends React.PureComponent {
       }
     } else {
       // could not determine the file path
-      notify({ message: __('The path could not be determined. Please try a different file.') });
+      notify({ message: __('The path could not be determined. Please try a different file.'), isError: true });
     }
   };
 
@@ -949,7 +975,7 @@ class PublishPage extends React.PureComponent {
   };
 
   render() {
-    const { balance, navigation, notify, publishFormValues } = this.props;
+    const { balance, navigation, notify, sdkReady } = this.props;
     const {
       allThumbnailsChecked,
       canUseCamera,
@@ -962,6 +988,19 @@ class PublishPage extends React.PureComponent {
       videos,
     } = this.state;
 
+    if (!sdkReady) {
+      return (
+        <View style={publishStyle.container}>
+          <UriBar navigation={navigation} />
+          <EmptyStateView
+            message={__(
+              'The background service is still initializing. You can still explore and watch content during the initialization process.',
+            )}
+          />
+        </View>
+      );
+    }
+
     let content;
     if (Constants.PHASE_SELECTOR === currentPhase) {
       content = (

src/page/publishes/index.js

@@ -9,6 +9,7 @@ import {
   selectIsFetchingClaimListMine,
 } from 'lbry-redux';
 import { doPushDrawerStack, doSetPlayerVisible } from 'redux/actions/drawer';
+import { selectSdkReady } from 'redux/selectors/settings';
 import Constants from 'constants'; // eslint-disable-line node/no-deprecated-api
 import PublishesPage from './view';
 
@@ -16,6 +17,7 @@ const select = state => ({
   uris: selectMyClaimUrisWithoutChannels(state),
   fetching: selectIsFetchingClaimListMine(state),
   pendingClaims: selectPendingClaims(state),
+  sdkReady: selectSdkReady(state),
 });
 
 const perform = dispatch => ({
@@ -27,7 +29,4 @@ const perform = dispatch => ({
   setPlayerVisible: () => dispatch(doSetPlayerVisible(false)),
 });
 
-export default connect(
+export default connect(select, perform)(PublishesPage);
-  select,
-  perform
-)(PublishesPage);

src/page/publishes/view.js

@@ -114,14 +114,27 @@ class PublishesPage extends React.PureComponent {
           },
         },
       ],
-      { cancelable: true }
+      { cancelable: true },
     );
   };
 
   render() {
-    const { fetching, navigation, uris } = this.props;
+    const { fetching, navigation, sdkReady, uris } = this.props;
     const { selectionMode, selectedUris } = this.state;
 
+    if (!sdkReady) {
+      return (
+        <View style={publishStyle.container}>
+          <UriBar navigation={navigation} />
+          <EmptyStateView
+            message={__(
+              'The background service is still initializing. You can still explore and watch content during the initialization process.',
+            )}
+          />
+        </View>
+      );
+    }
+
     return (
       <View style={publishStyle.container}>
         <UriBar
@@ -181,7 +194,7 @@ class PublishesPage extends React.PureComponent {
                       });
                     } else {
                       // TODO: when shortUrl is available for my claims, navigate to that URL instead
-                      navigateToUri(navigation, item);
+                      navigateToUri(navigation, claim.permanent_url);
                     }
                   }
                 }}

src/page/rewards/index.js

@@ -12,7 +12,8 @@ import {
 import { doToast } from 'lbry-redux';
 import { doPushDrawerStack, doSetPlayerVisible } from 'redux/actions/drawer';
 import { selectCurrentRoute } from 'redux/selectors/drawer';
-import Constants from 'constants';
+import { selectSdkReady } from 'redux/selectors/settings';
+import Constants from 'constants'; // eslint-disable-line node/no-deprecated-api
 import RewardsPage from './view';
 
 const select = state => ({
@@ -22,6 +23,7 @@ const select = state => ({
   emailVerifyPending: selectEmailVerifyIsPending(state),
   fetching: selectFetchingRewards(state),
   rewards: selectUnclaimedRewards(state),
+  sdkReady: selectSdkReady(state),
   user: selectUser(state),
 });
 
@@ -33,7 +35,4 @@ const perform = dispatch => ({
   setPlayerVisible: () => dispatch(doSetPlayerVisible(false)),
 });
 
-export default connect(
+export default connect(select, perform)(RewardsPage);
-  select,
-  perform
-)(RewardsPage);

src/page/rewards/view.js

@@ -1,24 +1,30 @@
 import React from 'react';
-import { Lbry } from 'lbry-redux';
+import { Lbryio } from 'lbryinc';
 import { ActivityIndicator, NativeModules, ScrollView, Text, View } from 'react-native';
 import Colors from 'styles/colors';
 import Constants from 'constants'; // eslint-disable-line node/no-deprecated-api
 import Link from 'component/link';
 import CustomRewardCard from 'component/customRewardCard';
-import PageHeader from 'component/pageHeader';
+import EmptyStateView from 'component/emptyStateView';
 import RewardCard from 'component/rewardCard';
 import RewardEnrolment from 'component/rewardEnrolment';
 import UriBar from 'component/uriBar';
 import rewardStyle from 'styles/reward';
 
+const FILTER_ALL = 'all';
+const FILTER_AVAILABLE = 'available';
+const FILTER_CLAIMED = 'claimed';
+
 class RewardsPage extends React.PureComponent {
   state = {
+    currentFilter: FILTER_AVAILABLE,
+    firstRewardClaimed: false,
     isEmailVerified: false,
     isIdentityVerified: false,
     isRewardApproved: false,
-    verifyRequestStarted: false,
     revealVerification: true,
-    firstRewardClaimed: false,
+    usdExchangeRate: 0,
+    verifyRequestStarted: false,
   };
 
   scrollView = null;
@@ -43,6 +49,12 @@ class RewardsPage extends React.PureComponent {
     setPlayerVisible();
     NativeModules.Firebase.setCurrentScreen('Rewards');
 
+    Lbryio.getExchangeRates().then(rates => {
+      if (!isNaN(rates.LBC_USD)) {
+        this.setState({ usdExchangeRate: rates.LBC_USD });
+      }
+    });
+
     fetchRewards();
 
     this.setState({
@@ -153,6 +165,7 @@ class RewardsPage extends React.PureComponent {
             canClaim={!isNotEligible}
             reward={reward}
             reward_type={reward.reward_type}
+            usdExchangeRate={this.state.usdExchangeRate}
           />
         ))}
         <CustomRewardCard canClaim={!isNotEligible} showVerification={this.showVerification} />
@@ -182,13 +195,33 @@ class RewardsPage extends React.PureComponent {
     });
   };
 
+  setFilter = filter => {
+    this.setState({ currentFilter: filter });
+  };
+
   render() {
-    const { user, navigation } = this.props;
+    const { navigation, sdkReady } = this.props;
+    const { currentFilter } = this.state;
+
+    if (!sdkReady) {
+      return (
+        <View style={rewardStyle.container}>
+          <UriBar navigation={navigation} />
+          <EmptyStateView
+            message={__(
+              'The background service is still initializing. You can still explore and watch content during the initialization process.',
+            )}
+          />
+        </View>
+      );
+    }
 
     return (
       <View style={rewardStyle.container}>
         <UriBar navigation={navigation} />
-        {(!this.state.isEmailVerified || !this.state.isRewardApproved) && <RewardEnrolment navigation={navigation} />}
+        {(!this.state.isEmailVerified || !this.state.isRewardApproved) && (
+          <RewardEnrolment usdExchangeRate={this.state.usdExchangeRate} navigation={navigation} />
+        )}
 
         {this.state.isEmailVerified && this.state.isRewardApproved && (
           <ScrollView
@@ -197,8 +230,29 @@ class RewardsPage extends React.PureComponent {
             style={rewardStyle.scrollContainer}
             contentContainerStyle={rewardStyle.scrollContentContainer}
           >
-            {this.renderUnclaimedRewards()}
+            <View style={rewardStyle.filterHeader}>
-            {this.renderClaimedRewards()}
+              <Link
+                style={[rewardStyle.filterLink, currentFilter === FILTER_ALL ? rewardStyle.activeFilterLink : null]}
+                text={__('All')}
+                onPress={() => this.setFilter(FILTER_ALL)}
+              />
+              <Link
+                style={[
+                  rewardStyle.filterLink,
+                  currentFilter === FILTER_AVAILABLE ? rewardStyle.activeFilterLink : null,
+                ]}
+                text={__('Available')}
+                onPress={() => this.setFilter(FILTER_AVAILABLE)}
+              />
+              <Link
+                style={[rewardStyle.filterLink, currentFilter === FILTER_CLAIMED ? rewardStyle.activeFilterLink : null]}
+                text={__('Claimed')}
+                onPress={() => this.setFilter(FILTER_CLAIMED)}
+              />
+            </View>
+
+            {(currentFilter === FILTER_AVAILABLE || currentFilter === FILTER_ALL) && this.renderUnclaimedRewards()}
+            {(currentFilter === FILTER_CLAIMED || currentFilter === FILTER_ALL) && this.renderClaimedRewards()}
           </ScrollView>
         )}
       </View>

src/page/search/index.js

@@ -15,6 +15,7 @@ import {
 } from 'lbry-redux';
 import { doPushDrawerStack, doSetPlayerVisible } from 'redux/actions/drawer';
 import { selectCurrentRoute } from 'redux/selectors/drawer';
+import { selectShowNsfw } from 'redux/selectors/settings';
 import Constants from 'constants'; // eslint-disable-line node/no-deprecated-api
 import SearchPage from './view';
 
@@ -24,18 +25,23 @@ const select = state => ({
   isSearching: selectIsSearching(state),
   query: selectSearchValue(state),
   resolvingUris: selectResolvingUris(state),
-  uris: makeSelectSearchUris(makeSelectQueryWithOptions(null, Constants.DEFAULT_PAGE_SIZE)(state))(state),
+  showNsfwContent: selectShowNsfw(state),
-  results: makeSelectResolvedSearchResults(makeSelectQueryWithOptions(null, Constants.DEFAULT_PAGE_SIZE)(state))(state),
+  uris: makeSelectSearchUris(
+    makeSelectQueryWithOptions(null, { size: Constants.DEFAULT_PAGE_SIZE, isBackgroundSearch: false })(state),
+  )(state),
+  results: makeSelectResolvedSearchResults(
+    makeSelectQueryWithOptions(null, { size: Constants.DEFAULT_PAGE_SIZE, isBackgroundSearch: false })(state),
+  )(state),
   lastPageReached: makeSelectResolvedSearchResultsLastPageReached(
-    makeSelectQueryWithOptions(null, Constants.DEFAULT_PAGE_SIZE)(state),
+    makeSelectQueryWithOptions(null, { size: Constants.DEFAULT_PAGE_SIZE, isBackgroundSearch: false })(state),
   )(state),
 });
 
 const perform = dispatch => ({
-  search: (query, from) => dispatch(doResolvedSearch(query, Constants.DEFAULT_PAGE_SIZE, from, false, {})),
+  search: (query, from, nsfw) => dispatch(doResolvedSearch(query, Constants.DEFAULT_PAGE_SIZE, from, false, {}, nsfw)),
   claimSearch: options => dispatch(doClaimSearch(options)),
   updateSearchQuery: query => dispatch(doUpdateSearchQuery(query)),
-  pushDrawerStack: () => dispatch(doPushDrawerStack(Constants.DRAWER_ROUTE_SEARCH)),
+  pushDrawerStack: (routeName, params) => dispatch(doPushDrawerStack(routeName, params)),
   resolveUris: uris => dispatch(doResolveUris(uris)),
   setPlayerVisible: () => dispatch(doSetPlayerVisible(false)),
 });

src/page/search/view.js

@@ -52,9 +52,9 @@ class SearchPage extends React.PureComponent {
   }
 
   onComponentFocused = () => {
-    const { pushDrawerStack, setPlayerVisible, query, search } = this.props;
+    const { pushDrawerStack, setPlayerVisible, navigation, query, search, showNsfwContent } = this.props;
-    pushDrawerStack();
     setPlayerVisible();
+    pushDrawerStack(Constants.DRAWER_ROUTE_SEARCH, navigation.state.params ? navigation.state.params : null);
     NativeModules.Firebase.setCurrentScreen('Search').then(result => {
       const searchQuery = query || this.getSearchQuery();
       if (searchQuery && searchQuery.trim().length > 0) {
@@ -68,7 +68,7 @@ class SearchPage extends React.PureComponent {
           resultsResolved: false,
           tagResultDisplayed: false,
         });
-        search(searchQuery, 0);
+        search(searchQuery, 0, showNsfwContent);
       }
     });
   };
@@ -79,7 +79,7 @@ class SearchPage extends React.PureComponent {
 
   componentWillReceiveProps(nextProps) {
     const { currentRoute, query, isSearching } = nextProps;
-    const { currentRoute: prevRoute, search, isSearching: prevIsSearching } = this.props;
+    const { currentRoute: prevRoute, search, isSearching: prevIsSearching, showNsfwContent } = this.props;
 
     if (Constants.DRAWER_ROUTE_SEARCH === currentRoute && currentRoute !== prevRoute) {
       this.onComponentFocused();
@@ -93,7 +93,7 @@ class SearchPage extends React.PureComponent {
         resultsResolved: false,
         tagResultDisplayed: false,
       });
-      search(query, 0);
+      search(query, 0, showNsfwContent);
     }
   }
 
@@ -136,7 +136,7 @@ class SearchPage extends React.PureComponent {
   }
 
   handleSearchSubmitted = keywords => {
-    const { search } = this.props;
+    const { search, showNsfwContent } = this.props;
     this.setState({
       currentUri: isURIValid(keywords) ? normalizeURI(keywords) : null,
       currentFrom: 0,
@@ -147,7 +147,7 @@ class SearchPage extends React.PureComponent {
       resultsResolved: false,
       tagResultDisplayed: false,
     });
-    search(keywords, 0);
+    search(keywords, 0, showNsfwContent);
   };
 
   listEmptyComponent = () => {
@@ -195,7 +195,7 @@ class SearchPage extends React.PureComponent {
 
   handleVerticalEndReached = () => {
     // fetch more results
-    const { lastPageReached, results, search, isSearching } = this.props;
+    const { lastPageReached, results, search, showNsfwContent, isSearching } = this.props;
     if (lastPageReached || (results && results.length > softLimit)) {
       return;
     }
@@ -203,7 +203,7 @@ class SearchPage extends React.PureComponent {
     if (!isSearching) {
       const from = results ? results.length : 0;
       this.setState({ currentFrom: from }, () => {
-        search(this.state.currentQuery, from);
+        search(this.state.currentQuery, from, showNsfwContent);
       });
     }
   };
@@ -221,7 +221,6 @@ class SearchPage extends React.PureComponent {
           </View>
         )}
 
-        {(!isSearching || this.state.currentFrom > 0) && (
         <FlatList
           extraData={this.state}
           style={searchStyle.scrollContainer}
@@ -239,13 +238,14 @@ class SearchPage extends React.PureComponent {
           renderItem={({ item }) => (
             <ClaimResultItem
               key={item.claimId}
+              uri={item ? normalizeURI(`${item.name}#${item.claimId}`) : null}
               result={item}
               style={searchStyle.resultItem}
               navigation={navigation}
             />
           )}
         />
-        )}
+
         {this.state.currentFrom > 0 && isSearching && (
           <View style={searchStyle.moreLoading}>
             <ActivityIndicator size="small" color={Colors.NextLbryGreen} />

src/page/settings/index.js

@@ -11,6 +11,7 @@ const select = state => ({
   backgroundPlayEnabled: makeSelectClientSetting(SETTINGS.BACKGROUND_PLAY_ENABLED)(state),
   currentRoute: selectCurrentRoute(state),
   drawerStack: selectDrawerStack(state),
+  enableDht: makeSelectClientSetting(Constants.SETTING_DHT_ENABLED)(state),
   keepDaemonRunning: makeSelectClientSetting(SETTINGS.KEEP_DAEMON_RUNNING)(state),
   language: makeSelectClientSetting(SETTINGS.LANGUAGE)(state),
   showNsfw: makeSelectClientSetting(SETTINGS.SHOW_NSFW)(state),
@@ -29,7 +30,4 @@ const perform = dispatch => ({
   setPlayerVisible: () => dispatch(doSetPlayerVisible(false)),
 });
 
-export default connect(
+export default connect(select, perform)(SettingsPage);
-  select,
-  perform
-)(SettingsPage);

src/page/settings/view.js

@@ -1,6 +1,16 @@
 import React from 'react';
 import { SETTINGS } from 'lbry-redux';
-import { ActivityIndicator, Picker, Platform, Text, View, ScrollView, Switch, NativeModules } from 'react-native';
+import {
+  ActivityIndicator,
+  Picker,
+  Platform,
+  Text,
+  TextInput,
+  View,
+  ScrollView,
+  Switch,
+  NativeModules,
+} from 'react-native';
 import { navigateBack } from 'utils/helper';
 import AsyncStorage from '@react-native-community/async-storage';
 import Colors from 'styles/colors';
@@ -11,16 +21,27 @@ import settingsStyle from 'styles/settings';
 
 const languageOptions = [
   { code: 'default', name: 'Use device language' },
+  { code: 'jv', name: 'Basa Jawa' },
+  { code: 'da', name: 'Danish' },
+  { code: 'nl', name: 'Dutch' },
   { code: 'en', name: 'English' },
+  { code: 'et', name: 'Estonian' },
+  { code: 'fr', name: 'French' },
   { code: 'gu', name: 'Gujarati' },
   { code: 'hi', name: 'Hindi' },
   { code: 'id', name: 'Indonesian' },
   { code: 'it', name: 'Italian' },
+  { code: 'kn', name: 'Kannada' },
   { code: 'ms', name: 'Malay' },
-  { code: 'tr', name: 'Turkish' },
+  { code: 'mr', name: 'Marathi' },
   { code: 'pl', name: 'Polish' },
   { code: 'pt', name: 'Portuguese' },
+  { code: 'ro', name: 'Romanian' },
+  { code: 'ru', name: 'Russian' },
+  { code: 'sk', name: 'Slovak' },
   { code: 'es', name: 'Spanish' },
+  { code: 'tr', name: 'Turkish' },
+  { code: 'uk', name: 'Ukrainian' },
 ];
 
 class SettingsPage extends React.PureComponent {
@@ -140,6 +161,7 @@ class SettingsPage extends React.PureComponent {
   render() {
     const {
       backgroundPlayEnabled,
+      enableDht,
       keepDaemonRunning,
       receiveSubscriptionNotifications,
       receiveRewardNotifications,
@@ -157,6 +179,7 @@ class SettingsPage extends React.PureComponent {
     const actualReceiveRewardNotifications = this.getBooleanSetting(receiveRewardNotifications, true);
     const actualReceiveInterestsNotifications = this.getBooleanSetting(receiveInterestsNotifications, true);
     const actualReceiveCreatorNotifications = this.getBooleanSetting(receiveCreatorNotifications, true);
+    const actualEnableDht = this.getBooleanSetting(enableDht, false);
 
     return (
       <View style={settingsStyle.container}>
@@ -294,7 +317,7 @@ class SettingsPage extends React.PureComponent {
               </Text>
               <Text style={settingsStyle.description}>
                 {__(
-                  'Enable this option for quicker app launch and to keep the synchronisation with the blockchain up to date.'
+                  'Enable this option for quicker app launch and to keep the synchronisation with the blockchain up to date.',
                 )}
               </Text>
             </View>
@@ -310,6 +333,25 @@ class SettingsPage extends React.PureComponent {
               />
             </View>
           </View>
+
+          <View style={settingsStyle.row}>
+            <View style={settingsStyle.switchText}>
+              <Text style={settingsStyle.label}>{__('Participate in the data network')}</Text>
+              <Text style={settingsStyle.description}>
+                {__(
+                  'Enable peer-to-peer functionality (this will take effect upon app and background service restart)',
+                )}
+              </Text>
+            </View>
+            <View style={settingsStyle.switchContainer}>
+              <Switch
+                value={actualEnableDht}
+                onValueChange={value => {
+                  this.setNativeBooleanSetting(Constants.SETTING_DHT_ENABLED, value);
+                }}
+              />
+            </View>
+          </View>
         </ScrollView>
       </View>
     );

src/page/splash/index.js

@@ -1,31 +1,35 @@
 import { connect } from 'react-redux';
-import { SETTINGS, doBalanceSubscribe, doUpdateBlockHeight, doPopulateSharedUserState, doToast } from 'lbry-redux';
+import { SETTINGS, doUpdateBlockHeight, doPopulateSharedUserState, doToast } from 'lbry-redux';
 import {
   doAuthenticate,
-  doBlackListedOutpointsSubscribe,
+  doClaimRewardType,
-  doFilteredOutpointsSubscribe,
+  doInstallNewWithParams,
   doFetchMySubscriptions,
   doFetchRewardedContent,
   doGetSync,
   doUserEmailToVerify,
   doUserEmailVerify,
   doUserEmailVerifyFailure,
+  selectAuthenticationIsPending,
   selectUser,
   selectEmailToVerify,
 } from 'lbryinc';
 import { doSetClientSetting } from 'redux/actions/settings';
+import { selectLastRouteInStack } from 'redux/selectors/drawer';
 import SplashScreen from './view';
 
 const select = state => ({
+  authIsPending: selectAuthenticationIsPending(state),
   user: selectUser(state),
   emailToVerify: selectEmailToVerify(state),
+  lastRouteInStack: selectLastRouteInStack(state),
 });
 
 const perform = dispatch => ({
-  authenticate: (appVersion, os, firebaseToken) => dispatch(doAuthenticate(appVersion, os, firebaseToken)),
+  authenticate: (appVersion, os, firebaseToken, callInstall) =>
-  balanceSubscribe: () => dispatch(doBalanceSubscribe()),
+    dispatch(doAuthenticate(appVersion, os, firebaseToken, true, null, callInstall)),
-  blacklistedOutpointsSubscribe: () => dispatch(doBlackListedOutpointsSubscribe()),
+  installNewWithParams: (appVersion, installationId, nodeId, lbrynetVersion, os, platform, firebaseToken) =>
-  filteredOutpointsSubscribe: () => dispatch(doFilteredOutpointsSubscribe()),
+    dispatch(doInstallNewWithParams(appVersion, installationId, nodeId, lbrynetVersion, os, platform, firebaseToken)),
   fetchRewardedContent: () => dispatch(doFetchRewardedContent()),
   fetchSubscriptions: callback => dispatch(doFetchMySubscriptions(callback)),
   getSync: (password, callback) => dispatch(doGetSync(password, callback)),
@@ -38,7 +42,4 @@ const perform = dispatch => ({
   verifyUserEmailFailure: error => dispatch(doUserEmailVerifyFailure(error)),
 });
 
-export default connect(
+export default connect(select, perform)(SplashScreen);
-  select,
-  perform,
-)(SplashScreen);

src/page/splash/view.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Lbry, doPreferenceGet } from 'lbry-redux';
+import { Lbry, doPreferenceGet, isURIValid } from 'lbry-redux';
 import { Lbryio } from 'lbryinc';
 import { ActivityIndicator, DeviceEventEmitter, Linking, NativeModules, Platform, Text, View } from 'react-native';
 import { NavigationActions, StackActions } from 'react-navigation';
@@ -11,7 +11,7 @@ import Button from 'component/button';
 import ProgressBar from 'component/progressBar';
 import PropTypes from 'prop-types';
 import Colors from 'styles/colors';
-import Constants from 'constants'; // eslint-disable-line node/no-deprecated-api
+import Constants, { DrawerRoutes, InnerDrawerRoutes } from 'constants'; // eslint-disable-line node/no-deprecated-api
 import splashStyle from 'styles/splash';
 import RNFS from 'react-native-fs';
 
@@ -23,9 +23,12 @@ class SplashScreen extends React.PureComponent {
   };
 
   state = {
+    authWithoutSdk: false,
     accountUnlockFailed: false,
+    appVersion: null,
     daemonReady: false,
     details: __('Starting up'),
+    firebaseToken: null,
     message: __('Connecting'),
     isRunning: false,
     isLagging: false,
@@ -34,16 +37,61 @@ class SplashScreen extends React.PureComponent {
     headersDownloadProgress: 0,
     shouldAuthenticate: false,
     subscriptionsFetched: false,
+    liteMode: false,
+    liteModeParams: {},
   };
 
-  updateStatus() {
+  initLiteMode = () => {
-    Lbry.status().then(status => {
+    NativeModules.UtilityModule.getLbrynetDirectory().then(path => {
-      this._updateStatusCallback(status);
+      NativeModules.UtilityModule.getPlatform().then(platform => {
+        RNFS.readFile(`${path}/install_id`, 'utf8')
+          .then(installIdContent => {
+            // node_id is actually optional (won't be present if dht is disabled)
+            // RNFS.readFile(`${path}/node_id`, 'utf8').then(nodeIdContent => {
+            // TODO: Load proper lbrynetVersion value
+            this.setState(
+              {
+                liteModeParams: {
+                  installationId: installIdContent,
+                  nodeId: null,
+                  lbrynetVersion: '0.64.0',
+                  platform,
+                },
+              },
+              () => this.updateStatus(),
+            );
+            // }).catch((err) => { console.log(err); console.log('node_id not found.'); this.lbryConnect() });
+          })
+          .catch(() => this.lbryConnect());
+      });
+    });
+  };
+
+  authenticateWithoutSdk() {
+    const { authenticate } = this.props;
+    NativeModules.VersionInfo.getAppVersion().then(appVersion => {
+      this.setState({ appVersion, shouldAuthenticate: true, authWithoutSdk: true });
+      NativeModules.Firebase.getMessagingToken()
+        .then(firebaseToken => {
+          this.setState({ firebaseToken }, () => authenticate(appVersion, Platform.OS, firebaseToken, false));
+        })
+        .catch(() => {
+          authenticate(appVersion, Platform.OS, null, false);
+        });
     });
   }
 
+  updateStatus() {
+    const { liteMode } = this.state;
+
+    // authenticate immediately
+    if (!NativeModules.UtilityModule.dhtEnabled) {
+      this.authenticateWithoutSdk();
+    }
+  }
+
   navigateToMain = () => {
-    const { navigation, notify, verifyUserEmail, verifyUserEmailFailure } = this.props;
+    const { lastRouteInStack, navigation, notify, verifyUserEmail, verifyUserEmailFailure } = this.props;
     const resetAction = StackActions.reset({
       index: 0,
       actions: [NavigationActions.navigate({ routeName: 'Main' })],
@@ -55,40 +103,55 @@ class SplashScreen extends React.PureComponent {
         ? navigation.state.params.launchUrl
         : this.state.launchUrl;
     if (launchUrl) {
-      if (launchUrl.startsWith('lbry://?verify=')) {
-        let verification = {};
-        try {
-          verification = JSON.parse(atob(launchUrl.substring(15)));
-        } catch (error) {
-          console.log(error);
-        }
-        if (verification.token && verification.recaptcha) {
-          AsyncStorage.setItem(Constants.KEY_SHOULD_VERIFY_EMAIL, 'true');
-          try {
-            verifyUserEmail(verification.token, verification.recaptcha);
-          } catch (error) {
-            const message = __('Invalid Verification Token');
-            verifyUserEmailFailure(message);
-            notify({ message });
-          }
-        } else {
-          notify({
-            message: __('Invalid Verification URI'),
-          });
-        }
-      } else {
       navigateToUri(navigation, transformUrl(launchUrl));
+    } else if (lastRouteInStack) {
+      // no launch url, check if there's a last route in stack to navigate to.
+      const { route, params } = lastRouteInStack;
+      if (route) {
+        if (DrawerRoutes.includes(route)) {
+          navigation.navigate({ routeName: route, params });
+        } else if (!InnerDrawerRoutes.includes(route) && isURIValid(route)) {
+          navigateToUri(navigation, route);
         }
       }
+    }
+
+    // splash screen is done at this point, next page to be displayed will be user-interactable
+    NativeModules.Firebase.logLaunchTiming();
   };
 
   componentWillReceiveProps(nextProps) {
-    const { emailToVerify, getSync, setEmailToVerify, verifyUserEmail, verifyUserEmailFailure } = this.props;
+    const { getSync, installNewWithParams } = this.props;
-    const { daemonReady, shouldAuthenticate } = this.state;
+    const {
+      daemonReady,
+      authWithoutSdk,
+      shouldAuthenticate,
+      liteMode,
+      liteModeParams,
+      appVersion,
+      firebaseToken,
+    } = this.state;
     const { user } = nextProps;
 
-    if (daemonReady && shouldAuthenticate && user && user.id) {
+    if (liteMode && user && user.id) {
+      this.navigateToLiteMode();
+    } else if (shouldAuthenticate && user && user.id) {
+      if (daemonReady || authWithoutSdk) {
         this.setState({ shouldAuthenticate: false }, () => {
+          // call install new after successful authentication
+          if (authWithoutSdk) {
+            const { installationId, nodeId, lbrynetVersion, platform } = liteModeParams;
+            installNewWithParams(
+              appVersion,
+              installationId,
+              nodeId,
+              lbrynetVersion,
+              Platform.OS,
+              platform,
+              firebaseToken,
+            );
+          }
+
           // user is authenticated, navigate to the main view
           if (user.has_verified_email) {
             NativeModules.UtilityModule.getSecureValue(Constants.KEY_WALLET_PASSWORD).then(walletPassword => {
@@ -96,6 +159,7 @@ class SplashScreen extends React.PureComponent {
                 this.getUserSettings();
               });
             });
+
             this.navigateToMain();
             return;
           }
@@ -104,6 +168,22 @@ class SplashScreen extends React.PureComponent {
         });
       }
     }
+  }
+
+  navigateToLiteMode = () => {
+    const { navigation } = this.props;
+    const { launchUrl } = this.state;
+    const resetAction = StackActions.reset({
+      index: 0,
+      actions: [
+        NavigationActions.navigate({
+          routeName: Constants.DRAWER_ROUTE_LITE_FILE,
+          params: { uri: launchUrl },
+        }),
+      ],
+    });
+    navigation.dispatch(resetAction);
+  };
 
   getUserSettings = () => {
     const { populateSharedUserState } = this.props;
@@ -126,22 +206,9 @@ class SplashScreen extends React.PureComponent {
   };
 
   finishSplashScreen = () => {
-    const {
+    const { authenticate, getSync, user } = this.props;
-      authenticate,
-      balanceSubscribe,
-      blacklistedOutpointsSubscribe,
-      filteredOutpointsSubscribe,
-      getSync,
-      updateBlockHeight,
-      user,
-    } = this.props;
 
-    // Lbry.resolve({ urls: 'lbry://one' }).then(() => {
     // Leave the splash screen
-    balanceSubscribe();
-    blacklistedOutpointsSubscribe();
-    filteredOutpointsSubscribe();
-
     if (user && user.id && user.has_verified_email) {
       // user already authenticated
       NativeModules.UtilityModule.getSecureValue(Constants.KEY_WALLET_PASSWORD).then(walletPassword => {
@@ -152,39 +219,23 @@ class SplashScreen extends React.PureComponent {
       this.navigateToMain();
     } else {
       NativeModules.VersionInfo.getAppVersion().then(appVersion => {
-        this.setState({ shouldAuthenticate: true });
+        this.setState({ shouldAuthenticate: true }, () => {
           NativeModules.Firebase.getMessagingToken()
             .then(firebaseToken => {
-            authenticate(appVersion, Platform.OS, firebaseToken);
+              authenticate(appVersion, Platform.OS, firebaseToken, true);
             })
-          .catch(() => authenticate(appVersion, Platform.OS));
+            .catch(() => authenticate(appVersion, Platform.OS, null, true));
+        });
       });
     }
-    // });
   };
 
   handleAccountUnlockFailed() {
     this.setState({ accountUnlockFailed: true });
   }
 
-  _updateStatusCallback(status) {
+  handleSdkReady = () => {
-    const { fetchSubscriptions, getSync, setClientSetting } = this.props;
+    this.setState({ daemonReady: true }, () => {
-    const startupStatus = status.startup_status;
-    const walletStatus = status.wallet;
-
-    // At the minimum, wallet should be started and blocks_behind equal to 0 before calling resolve
-    const hasStarted = startupStatus.stream_manager && startupStatus.wallet && status.wallet.blocks_behind <= 0;
-    if (hasStarted) {
-      // Wait until we are able to resolve a name before declaring
-      // that we are done.
-      // TODO: This is a hack, and the logic should live in the daemon
-      // to give us a better sense of when we are actually started
-      this.setState({
-        daemonReady: true,
-        isLagging: false,
-        isRunning: true,
-      });
-
       Lbry.wallet_status().then(secureWalletStatus => {
         // For now, automatically unlock the wallet if a password is set so that downloads work
         NativeModules.UtilityModule.getSecureValue(Constants.KEY_WALLET_PASSWORD).then(password => {
@@ -215,9 +266,12 @@ class SplashScreen extends React.PureComponent {
           }
         });
       });
+    });
+  };
 
-      return;
+  handleSdkStatusResponse = evt => {
-    }
+    const { status } = evt;
+    const walletStatus = status.wallet;
 
     const headerSyncProgress = walletStatus ? walletStatus.headers_synchronization_progress : null;
     if (headerSyncProgress && headerSyncProgress < 100) {
@@ -252,49 +306,45 @@ class SplashScreen extends React.PureComponent {
         details: __('Initializing LBRY service'),
       });
     }
-
+  };
-    setTimeout(() => {
-      this.updateStatus();
-    }, 1000);
-  }
 
   componentWillMount() {
     DeviceEventEmitter.addListener('onNotificationTargetLaunch', this.onNotificationTargetLaunch);
+    DeviceEventEmitter.addListener('onSdkReady', this.handleSdkReady);
+    DeviceEventEmitter.addListener('onSdkStatusResponse', this.handleSdkStatusResponse);
   }
 
   componentWillUnmount() {
     DeviceEventEmitter.removeListener('onNotificationTargetLaunch', this.onNotificationTargetLaunch);
+    DeviceEventEmitter.removeListener('onSdkReady', this.handleSdkReady);
+    DeviceEventEmitter.removeListener('onSdkStatusResponse', this.handleSdkStatusResponse);
   }
 
   componentDidMount() {
     NativeModules.Firebase.track('app_launch', null);
     NativeModules.Firebase.setCurrentScreen('Splash');
+    NativeModules.UtilityModule.checkSdkReady();
+
+    const { navigation } = this.props;
+    const { resetUrl } = navigation.state.params;
+    const isResetUrlSet = !!resetUrl;
 
     this.props.fetchRewardedContent();
     Linking.getInitialURL().then(url => {
+      let liteMode;
       if (url) {
-        this.setState({ launchUrl: url });
+        liteMode = !isResetUrlSet && url.indexOf('liteMode=1') > -1;
+        this.setState({ launchUrl: resetUrl || url, liteMode });
       }
 
       NativeModules.UtilityModule.getNotificationLaunchTarget().then(target => {
         if (target) {
-          this.setState({ launchUrl: target });
+          liteMode = !isResetUrlSet && target.indexOf('liteMode=1') > -1;
+          this.setState({ launchUrl: resetUrl || target, liteMode });
         }
 
         // Only connect after checking initial launch url / notification launch target
-        Lbry.connect()
+        this.initLiteMode();
-          .then(() => {
-            this.updateStatus();
-          })
-          .catch(e => {
-            this.setState({
-              isLagging: true,
-              message: __('Connection Failure'),
-              details: __(
-                'We could not establish a connection to the SDK. Your data connection may be preventing LBRY from connecting. Contact hello@lbry.com if you think this is a software bug.',
-              ),
-            });
-          });
       });
     });
 
@@ -309,6 +359,26 @@ class SplashScreen extends React.PureComponent {
     });
   }
 
+  lbryConnect = () => {
+    if (NativeModules.UtilityModule.dhtEnabled) {
+      Lbry.connect()
+        .then(() => {
+          this.updateStatus();
+        })
+        .catch(e => {
+          this.setState({
+            isLagging: true,
+            message: __('Connection Failure'),
+            details: __(
+              'We could not establish a connection to the SDK. Your data connection may be preventing LBRY from connecting. Contact hello@lbry.com if you think this is a software bug.',
+            ),
+          });
+        });
+    } else {
+      this.updateStatus(); // skip lbry.connect for now (unless dht flag is enabled)
+    }
+  };
+
   handleContinueAnywayPressed = () => {
     this.setState(
       {

src/page/subscriptions/index.js

@@ -7,16 +7,18 @@ import {
   selectSubscriptionClaims,
   selectSubscriptions,
   selectIsFetchingSubscriptions,
-  selectIsFetchingSuggested,
   selectSuggestedChannels,
   selectUnreadSubscriptions,
   selectViewMode,
   selectFirstRunCompleted,
   selectShowSuggestedSubs,
+  selectUnclaimedRewardValue,
+  selectUser,
 } from 'lbryinc';
+import { doToast, selectFetchingClaimSearch } from 'lbry-redux';
 import { doPushDrawerStack, doSetPlayerVisible } from 'redux/actions/drawer';
 import { doSetClientSetting, doSetTimeItem } from 'redux/actions/settings';
-import { makeSelectClientSetting, selectTimeItem } from 'redux/selectors/settings';
+import { makeSelectClientSetting, selectSdkReady, selectTimeItem } from 'redux/selectors/settings';
 import { selectCurrentRoute } from 'redux/selectors/drawer';
 import Constants from 'constants'; // eslint-disable-line node/no-deprecated-api
 import SubscriptionsPage from './view';
@@ -24,7 +26,7 @@ import SubscriptionsPage from './view';
 const select = state => ({
   currentRoute: selectCurrentRoute(state),
   loading: selectIsFetchingSubscriptions(state),
-  loadingSuggested: selectIsFetchingSuggested(state),
+  loadingSuggested: selectFetchingClaimSearch(state),
   subscribedChannels: selectSubscriptions(state),
   suggestedChannels: selectSuggestedChannels(state),
   subscriptionsViewMode: makeSelectClientSetting(Constants.SETTING_SUBSCRIPTIONS_VIEW_MODE)(state),
@@ -32,8 +34,12 @@ const select = state => ({
   unreadSubscriptions: selectUnreadSubscriptions(state),
   viewMode: selectViewMode(state),
   firstRunCompleted: selectFirstRunCompleted(state),
+  rewardsNotInterested: makeSelectClientSetting(Constants.SETTING_REWARDS_NOT_INTERESTED)(state),
   showSuggestedSubs: selectShowSuggestedSubs(state),
   timeItem: selectTimeItem(state),
+  sdkReady: selectSdkReady(state),
+  unclaimedRewardAmount: selectUnclaimedRewardValue(state),
+  user: selectUser(state),
 });
 
 const perform = dispatch => ({
@@ -41,13 +47,11 @@ const perform = dispatch => ({
   doFetchMySubscriptions: () => dispatch(doFetchMySubscriptions()),
   doFetchRecommendedSubscriptions: () => dispatch(doFetchRecommendedSubscriptions()),
   doSetViewMode: viewMode => dispatch(doSetViewMode(viewMode)),
+  notify: data => dispatch(doToast(data)),
   pushDrawerStack: () => dispatch(doPushDrawerStack(Constants.DRAWER_ROUTE_SUBSCRIPTIONS)),
   setClientSetting: (key, value) => dispatch(doSetClientSetting(key, value)),
   setPlayerVisible: () => dispatch(doSetPlayerVisible(false)),
   setTimeItem: item => dispatch(doSetTimeItem(item)),
 });
 
-export default connect(
+export default connect(select, perform)(SubscriptionsPage);
-  select,
-  perform
-)(SubscriptionsPage);

src/page/subscriptions/view.js

@@ -11,7 +11,7 @@ import {
   View,
 } from 'react-native';
 import { buildURI, parseURI } from 'lbry-redux';
-import { getOrderBy } from 'utils/helper';
+import { formatUsd, getOrderBy } from 'utils/helper';
 import AsyncStorage from '@react-native-community/async-storage';
 import moment from 'moment';
 import Button from 'component/button';
@@ -28,17 +28,24 @@ import ModalPicker from 'component/modalPicker';
 import ModalSuggestedSubscriptions from 'component/modalSuggestedSubscriptions';
 import SubscribedChannelList from 'component/subscribedChannelList';
 import SuggestedSubscriptions from 'component/suggestedSubscriptions';
+import SuggestedSubscriptionsGrid from 'component/suggestedSubscriptionsGrid';
 import UriBar from 'component/uriBar';
+import SdkLoadingStatus from 'component/sdkLoadingStatus';
+import Snackbar from 'react-native-snackbar';
+import { Lbryio } from 'lbryinc';
 
 class SubscriptionsPage extends React.PureComponent {
   state = {
+    currentSortByItem: Constants.CLAIM_SEARCH_SORT_BY_ITEMS[1], // should always default to sorting subscriptions by new
+    filteredChannels: [],
+    orderBy: ['release_time'],
+    showRewardsNag: true,
     showingSuggestedSubs: false,
     showSortPicker: false,
     showTimePicker: false,
     showModalSuggestedSubs: false,
-    orderBy: ['release_time'],
+    usdExchangeRate: 0,
-    filteredChannels: [],
+    userEmailVerified: false,
-    currentSortByItem: Constants.CLAIM_SEARCH_SORT_BY_ITEMS[1], // should always default to sorting subscriptions by new
   };
 
   didFocusListener;
@@ -55,21 +62,26 @@ class SubscriptionsPage extends React.PureComponent {
   }
 
   onComponentFocused = () => {
-    const {
+    const { currentRoute, doFetchMySubscriptions, pushDrawerStack, sdkReady, setPlayerVisible, user } = this.props;
-      doFetchMySubscriptions,
-      doFetchRecommendedSubscriptions,
-      doSetViewMode,
-      pushDrawerStack,
-      setPlayerVisible,
-      subscriptionsViewMode,
-    } = this.props;
 
+    if (currentRoute === Constants.DRAWER_ROUTE_SUBSCRIPTIONS) {
       pushDrawerStack();
+    }
     setPlayerVisible();
     NativeModules.Firebase.setCurrentScreen('Subscriptions');
 
+    Lbryio.getExchangeRates().then(rates => {
+      if (!isNaN(rates.LBC_USD)) {
+        this.setState({ usdExchangeRate: rates.LBC_USD }, () => {
+          if (sdkReady && parseFloat(this.state.usdExchangeRate) > 0 && user && !user.is_reward_approved) {
+            this.showRewardsAvailable();
+          }
+        });
+      }
+    });
+
+    this.setState({ userEmailVerified: user && user.has_verified_email });
     doFetchMySubscriptions();
-    doFetchRecommendedSubscriptions();
   };
 
   componentDidMount() {
@@ -77,19 +89,69 @@ class SubscriptionsPage extends React.PureComponent {
   }
 
   componentWillReceiveProps(nextProps) {
-    const { currentRoute } = nextProps;
+    const { currentRoute, user, sdkReady } = nextProps;
-    const { currentRoute: prevRoute } = this.props;
+    const { currentRoute: prevRoute, doFetchMySubscriptions } = this.props;
     if (Constants.DRAWER_ROUTE_SUBSCRIPTIONS === currentRoute && currentRoute !== prevRoute) {
       this.onComponentFocused();
     }
 
+    if (user && user.has_verified_email && !this.state.userEmailVerified) {
+      // user just signed in
+      this.setState({ showingSuggestedSubs: false, userEmailVerified: true }, () => {
+        doFetchMySubscriptions();
+      });
+    }
+
+    if (
+      sdkReady &&
+      parseFloat(this.state.usdExchangeRate) > 0 &&
+      this.state.showRewardsNag &&
+      user &&
+      !user.is_reward_approved
+    ) {
+      this.showRewardsAvailable();
+    }
+
     this.unsubscribeShortChannelUrls();
   }
 
+  showRewardsAvailable = () => {
+    const { navigation, unclaimedRewardAmount, rewardsNotInterested } = this.props;
+    if (rewardsNotInterested) {
+      this.setState({ showRewardsNag: false });
+      return;
+    }
+
+    this.setState({ showRewardsNag: false }, () => {
+      Snackbar.show({
+        title: __('Did you know that you can earn free credits worth up to %amount%?', {
+          amount: formatUsd(parseFloat(this.state.usdExchangeRate) * parseFloat(unclaimedRewardAmount)),
+        }),
+        duration: Snackbar.LENGTH_LONG,
+        action: {
+          title: __('SHOW ME'),
+          color: Colors.LbryGreen,
+          onPress: () => {
+            navigation.navigate({ routeName: Constants.DRAWER_ROUTE_REWARDS });
+          },
+        },
+      });
+    });
+  };
+
   handleSortByItemSelected = item => {
     this.setState({ currentSortByItem: item, orderBy: getOrderBy(item), showSortPicker: false });
   };
 
+  shouldComponentUpdate(nextProps, nextState) {
+    const { showModalSuggestedSubs: prevShowModalSuggestedSubs } = this.state;
+    const { showModalSuggestedSubs } = this.state;
+    if (prevShowModalSuggestedSubs && showModalSuggestedSubs) {
+      return false;
+    }
+    return true;
+  }
+
   handleTimeItemSelected = item => {
     const { setTimeItem } = this.props;
     setTimeItem(item);
@@ -125,20 +187,7 @@ class SubscriptionsPage extends React.PureComponent {
   };
 
   render() {
-    const {
+    const { subscribedChannels, loading, loadingSuggested, sdkReady, timeItem, navigation, notify } = this.props;
-      suggestedChannels,
-      subscribedChannels,
-      allSubscriptions,
-      doCompleteFirstRun,
-      doShowSuggestedSubs,
-      loading,
-      loadingSuggested,
-      firstRunCompleted,
-      showSuggestedSubs,
-      timeItem,
-      unreadSubscriptions,
-      navigation,
-    } = this.props;
     const { currentSortByItem, filteredChannels, showModalSuggestedSubs, showSortPicker, showTimePicker } = this.state;
 
     const numberOfSubscriptions = subscribedChannels ? subscribedChannels.length : 0;
@@ -164,7 +213,11 @@ class SubscriptionsPage extends React.PureComponent {
       <View style={subscriptionsStyle.container}>
         <UriBar navigation={navigation} belowOverlay={this.state.showSortPicker} />
         <View style={subscriptionsStyle.titleRow}>
-          <Text style={subscriptionsStyle.pageTitle}>{__('Channels you follow')}</Text>
+          <Text style={subscriptionsStyle.pageTitle}>
+            {hasSubscriptions && !this.state.showingSuggestedSubs
+              ? __('Channels you follow')
+              : __('Find Channels to follow')}
+          </Text>
         </View>
         {!this.state.showingSuggestedSubs && hasSubscriptions && (
           <View style={subscriptionsStyle.pickerRow}>
@@ -190,7 +243,7 @@ class SubscriptionsPage extends React.PureComponent {
 
             <Link
               style={subscriptionsStyle.suggestedLink}
-              text={__('Suggested')}
+              text={__('Discover')}
               onPress={() => this.setState({ showModalSuggestedSubs: true })}
             />
           </View>
@@ -220,39 +273,40 @@ class SubscriptionsPage extends React.PureComponent {
 
         {this.state.showingSuggestedSubs && (
           <View style={subscriptionsStyle.suggestedSubsContainer}>
-            {!hasSubscriptions && (
             <View style={subscriptionsStyle.infoArea}>
               <Text style={subscriptionsStyle.infoText}>
-                  {__('You are not subscribed to any channels at the moment.')}
+                {__(
+                  'LBRY works better if you follow at least 5 creators you like. Sign in to show creators you follow if you already have an account.',
+                )}
               </Text>
             </View>
-            )}
 
-            {hasSubscriptions && (
+            <View style={subscriptionsStyle.mainSuggested}>
-              <View style={subscriptionsStyle.infoArea}>
+              <SuggestedSubscriptionsGrid navigation={navigation} />
-                <Text style={subscriptionsStyle.infoText}>
-                  You are currently subscribed to {numberOfSubscriptions} channel{numberOfSubscriptions > 1 ? 's' : ''}.
-                </Text>
-                <Button
-                  style={subscriptionsStyle.button}
-                  text={__('View my subscriptions')}
-                  onPress={() => this.setState({ showingSuggestedSubs: false })}
-                />
             </View>
-            )}
+
+            <Button
+              style={subscriptionsStyle.suggestedDoneButton}
+              text={
+                numberOfSubscriptions < 5
+                  ? __('%remaining% more...', { remaining: 5 - numberOfSubscriptions })
+                  : __('Done')
+              }
+              onPress={() => {
+                if (!hasSubscriptions) {
+                  notify({ message: __('Tap on any channel to follow') });
+                } else {
+                  this.setState({ showingSuggestedSubs: false });
+                }
+              }}
+            />
 
             {loadingSuggested && (
-              <View style={subscriptionsStyle.centered}>
+              <ActivityIndicator size="small" color={Colors.White} style={subscriptionsStyle.suggestedLoading} />
-                <ActivityIndicator size="large" colors={Colors.NextLbryGreen} style={subscriptionsStyle.loading} />
-              </View>
             )}
-            {!loadingSuggested && <SuggestedSubscriptions navigation={navigation} />}
           </View>
         )}
 
-        {!showSortPicker && !showTimePicker && !showModalSuggestedSubs && (
-          <FloatingWalletBalance navigation={navigation} />
-        )}
         {showSortPicker && (
           <ModalPicker
             title={__('Sort content by')}
@@ -278,6 +332,8 @@ class SubscriptionsPage extends React.PureComponent {
             onDonePress={() => this.setState({ showModalSuggestedSubs: false })}
           />
         )}
+
+        {!sdkReady && <SdkLoadingStatus />}
       </View>
     );
   }