display total wallet balance. fix dispatch prop.

app/src/component/AppNavigator.js

@@ -281,7 +281,7 @@ class AppWithNavigationState extends React.Component {
   }
 
   componentDidUpdate() {
-    const { user } = this.props;
+    const { dispatch, user } = this.props;
     if (this.state.verifyPending && this.emailVerifyCheckInterval > 0 && user && user.has_verified_email) {
       clearInterval(this.emailVerifyCheckInterval);
       AsyncStorage.setItem(Constants.KEY_EMAIL_VERIFY_PENDING, 'false');

app/src/component/floatingWalletBalance/index.js

@@ -1,10 +1,10 @@
 import { connect } from 'react-redux';
-import { selectBalance } from 'lbry-redux';
+import { selectTotalBalance } from 'lbry-redux';
+import { selectUnclaimedRewardValue } from 'lbryinc';
 import FloatingWalletBalance from './view';
-import { doRewardList, selectUnclaimedRewardValue, selectFetchingRewards, selectUser } from 'lbryinc';
 
 const select = state => ({
-  balance: selectBalance(state),
+  balance: selectTotalBalance(state),
   unclaimedRewardAmount: selectUnclaimedRewardValue(state),
 });
 

app/src/component/floatingWalletBalance/view.js

@@ -18,6 +18,12 @@ class FloatingWalletBalance extends React.PureComponent<Props> {
 
     return (
       <View style={[floatingButtonStyle.view, floatingButtonStyle.bottomRight]}>
+        {unclaimedRewardAmount > 0 &&
+        <TouchableOpacity style={floatingButtonStyle.pendingContainer}
+          onPress={() => navigation && navigation.navigate({ routeName: 'Rewards' })} >
+          <Icon name="award" size={18} style={floatingButtonStyle.rewardIcon} />
+          <Text style={floatingButtonStyle.text}>{unclaimedRewardAmount}</Text>
+        </TouchableOpacity>}
         <TouchableOpacity style={floatingButtonStyle.container}
                           onPress={() => navigation && navigation.navigate({ routeName: 'WalletStack' })}>
           {isNaN(balance) && <ActivityIndicator size="small" color={Colors.White} />}
@@ -25,12 +31,6 @@ class FloatingWalletBalance extends React.PureComponent<Props> {
             {(balance || balance === 0) && (formatCredits(parseFloat(balance), 2) + ' LBC')}
           </Text>
         </TouchableOpacity>
-        {unclaimedRewardAmount > 0 &&
-        <TouchableOpacity style={floatingButtonStyle.pendingContainer}
-          onPress={() => navigation && navigation.navigate({ routeName: 'Rewards' })} >
-          <Icon name="award" size={18} style={floatingButtonStyle.rewardIcon} />
-          <Text style={floatingButtonStyle.text}>{unclaimedRewardAmount}</Text>
-        </TouchableOpacity>}
       </View>
     );
   }

app/src/component/walletBalance/index.js

@@ -1,9 +1,9 @@
 import { connect } from 'react-redux';
-import { selectBalance } from 'lbry-redux';
+import { selectTotalBalance } from 'lbry-redux';
 import WalletBalance from './view';
 
 const select = state => ({
-  balance: selectBalance(state),
+  balance: selectTotalBalance(state),
 });
 
 export default connect(select, null)(WalletBalance);

app/src/component/walletBalance/view.js

@@ -1,10 +1,10 @@
 // @flow
 import React from 'react';
 import { Image, Text, View } from 'react-native';
-import { formatCredits } from 'lbry-redux'
+import { Lbry, formatCredits } from 'lbry-redux'
-import Address from '../address';
+import Address from 'component/address';
-import Button from '../button';
+import Button from 'component/button';
-import walletStyle from '../../styles/wallet';
+import walletStyle from 'styles/wallet';
 
 type Props = {
   balance: number,

app/src/page/splash/index.js

@@ -1,5 +1,5 @@
 import { connect } from 'react-redux';
-import { doBalanceSubscribe, doUpdateBlockHeight, doToast } from 'lbry-redux';
+import { doTotalBalanceSubscribe, doUpdateBlockHeight, doToast } from 'lbry-redux';
 import {
   doAuthenticate,
   doBlackListedOutpointsSubscribe,
@@ -23,7 +23,7 @@ const select = state => ({
 
 const perform = dispatch => ({
   authenticate: (appVersion, os) => dispatch(doAuthenticate(appVersion, os)),
-  balanceSubscribe: () => dispatch(doBalanceSubscribe()),
+  totalBalanceSubscribe: () => dispatch(doTotalBalanceSubscribe()),
   blacklistedOutpointsSubscribe: () => dispatch(doBlackListedOutpointsSubscribe()),
   checkSubscriptionsInit: () => dispatch(doCheckSubscriptionsInit()),
   deleteCompleteBlobs: () => dispatch(doDeleteCompleteBlobs()),

app/src/page/splash/view.js

@@ -137,7 +137,7 @@ class SplashScreen extends React.PureComponent {
   finishSplashScreen = () => {
     const {
       authenticate,
-      balanceSubscribe,
+      totalBalanceSubscribe,
       blacklistedOutpointsSubscribe,
       checkSubscriptionsInit,
       updateBlockHeight,
@@ -147,7 +147,7 @@ class SplashScreen extends React.PureComponent {
 
     Lbry.resolve({ urls: 'lbry://one' }).then(() => {
       // Leave the splash screen
-      balanceSubscribe();
+      totalBalanceSubscribe();
       blacklistedOutpointsSubscribe();
       checkSubscriptionsInit();
       updateBlockHeight();

app/src/styles/floatingButton.js

@@ -30,9 +30,9 @@ const floatingButtonStyle = StyleSheet.create({
   pendingContainer: {
     borderRadius: 24,
     padding: 14,
-    paddingLeft: 70,
+    paddingLeft: 20,
-    paddingRight: 20,
+    paddingRight: 70,
-    marginLeft: -60,
+    marginRight: -60,
     alignItems: 'center',
     justifyContent: 'center',
     backgroundColor: Colors.BrighterLbryGreen,