post-0.9.0 fixes

package-lock.json

@@ -5649,8 +5649,8 @@
             }
         },
         "lbryinc": {
-            "version": "github:lbryio/lbryinc#d250096a6fc5df16be4f82812ecce28d6e558b6e",
-            "from": "github:lbryio/lbryinc#d250096a6fc5df16be4f82812ecce28d6e558b6e",
+            "version": "github:lbryio/lbryinc#67bb3e215be3f13605c5e3f9f2b0e2fb880724cf",
+            "from": "github:lbryio/lbryinc#67bb3e215be3f13605c5e3f9f2b0e2fb880724cf",
             "requires": {
                 "reselect": "^3.0.0"
             }

package.json

@@ -13,7 +13,7 @@
         "@expo/vector-icons": "^8.1.0",
         "gfycat-style-urls": "^1.0.3",
         "lbry-redux": "lbryio/lbry-redux#d44cd9ca56dee784dba42c0cc13061ae75cbd46c",
-        "lbryinc": "lbryio/lbryinc#d250096a6fc5df16be4f82812ecce28d6e558b6e",
+        "lbryinc": "lbryio/lbryinc#67bb3e215be3f13605c5e3f9f2b0e2fb880724cf",
         "lodash": ">=4.17.11",
         "merge": ">=1.2.1",
         "moment": "^2.22.1",

src/component/channelRewardsDriver/index.js

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

src/component/channelRewardsDriver/view.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Text, TouchableOpacity } from 'react-native';
+import Colors from 'styles/colors';
+import Icon from 'react-native-vector-icons/FontAwesome5';
+import publishStyle from 'styles/publish';
+
+class ChannelRewardsDriver extends React.PureComponent<Props> {
+  render() {
+    const { navigation } = this.props;
+
+    return (
+      <TouchableOpacity style={publishStyle.rewardDriverCard} onPress={() => navigation.navigate('Rewards')}>
+        <Icon name="award" size={16} style={publishStyle.rewardIcon} />
+        <Text style={publishStyle.rewardDriverText}>Earn some credits to be able to create your channel.</Text>
+      </TouchableOpacity>
+    );
+  }
+}
+
+export default ChannelRewardsDriver;

src/component/channelSelector/view.js

@@ -167,12 +167,14 @@ export default class ChannelSelector extends React.PureComponent {
 
   channelExists = name => {
     const { channels = [] } = this.props;
-    for (let channel of channels) {
-      if (
-        name.toLowerCase() === channel.name.toLowerCase() ||
-        `@${name}`.toLowerCase() === channel.name.toLowerCase()
-      ) {
-        return true;
+    if (channels) {
+      for (let channel of channels) {
+        if (
+          name.toLowerCase() === channel.name.toLowerCase() ||
+          `@${name}`.toLowerCase() === channel.name.toLowerCase()
+        ) {
+          return true;
+        }
       }
     }
 

src/component/publishRewardsDriver/view.js

@@ -4,7 +4,7 @@ import Colors from 'styles/colors';
 import Icon from 'react-native-vector-icons/FontAwesome5';
 import publishStyle from 'styles/publish';
 
-class PublishRewadsDriver extends React.PureComponent<Props> {
+class PublishRewardsDriver extends React.PureComponent<Props> {
   render() {
     const { navigation } = this.props;
 
@@ -17,4 +17,4 @@ class PublishRewadsDriver extends React.PureComponent<Props> {
   }
 }
 
-export default PublishRewadsDriver;
+export default PublishRewardsDriver;

src/page/channelCreator/view.js

@@ -17,6 +17,7 @@ import {
 import { navigateToUri, uploadImageAsset } from 'utils/helper';
 import Button from 'component/button';
 import ChannelIconItem from 'component/channelIconItem';
+import ChannelRewardsDriver from 'component/channelRewardsDriver';
 import Colors from 'styles/colors';
 import Constants from 'constants'; // eslint-disable-line node/no-deprecated-api
 import EmptyStateView from 'component/emptyStateView';
@@ -455,8 +456,8 @@ export default class ChannelCreator extends React.PureComponent {
         return { name: tag };
       }),
       website,
-      cover: coverImageUrl,
-      thumbnail: thumbnailUrl,
+      coverUrl: coverImageUrl,
+      thumbnailUrl: thumbnailUrl,
     };
 
     if (this.state.editMode) {
@@ -728,7 +729,7 @@ export default class ChannelCreator extends React.PureComponent {
   };
 
   render() {
-    const { abandoningClaimIds, fetchingChannels, updatingChannel, channels = [], navigation } = this.props;
+    const { abandoningClaimIds, balance, fetchingChannels, updatingChannel, channels = [], navigation } = this.props;
     const {
       autoStyle,
       autoStyles,
@@ -884,6 +885,7 @@ export default class ChannelCreator extends React.PureComponent {
                 </TouchableOpacity>
               </View>
             </View>
+            {balance < 0.1 && <ChannelRewardsDriver navigation={navigation} />}
 
             <View style={channelCreatorStyle.card}>
               <View style={channelCreatorStyle.textInputLayout}>

src/styles/channelCreator.js

@@ -104,11 +104,12 @@ const channelCreatorStyle = StyleSheet.create({
   avatarImageContainer: {
     position: 'absolute',
     left: screenWidth / 2 - 80 / 2,
-    bottom: -16,
+    bottom: -8,
     width: 80,
     height: 80,
     borderRadius: 160,
     overflow: 'hidden',
+    zIndex: 50,
   },
   avatarTouchArea: {
     width: 80,