diff --git a/android b/android index 4d1f142..cbc4a66 160000 --- a/android +++ b/android @@ -1 +1 @@ -Subproject commit 4d1f142f9cf4f221a2110b7d7aa77b9f42731253 +Subproject commit cbc4a662e670941b1c82aa6846ac56923c30af2f diff --git a/src/component/walletBalanceExtra/view.js b/src/component/walletBalanceExtra/view.js index 59b26bd..9a1453a 100644 --- a/src/component/walletBalanceExtra/view.js +++ b/src/component/walletBalanceExtra/view.js @@ -6,6 +6,7 @@ import Address from 'component/address'; import Button from 'component/button'; import Colors from 'styles/colors'; import Icon from 'react-native-vector-icons/FontAwesome5'; +import Link from 'component/link'; import walletStyle from 'styles/wallet'; type Props = { @@ -16,34 +17,53 @@ type Props = { class WalletBalanceExtra extends React.PureComponent { render() { - const { claimsBalance, supportsBalance, tipsBalance } = this.props; + const { claimsBalance, deviceWalletSynced, supportsBalance, tipsBalance } = this.props; return ( - - - - - {__('You also have')} - - {formatCredits(parseFloat(tipsBalance), 2)} - LBC - - {__('in tips')} - + + + + {deviceWalletSynced + ? __('A backup of your wallet is synced with lbry.tv') + : __('Your wallet is not currently synced with lbry.tv. You are in control of backing up your wallet.')} + + + - - - {__('You staked')} - - {formatCredits(parseFloat(claimsBalance), 2)} - LBC + + + + + {__('You also have')} + + {formatCredits(parseFloat(tipsBalance), 2)} + LBC + + {__('in tips')} - {__('in your publishes')} - - {formatCredits(parseFloat(supportsBalance), 2)} - LBC + + + + {__('You staked')} + + {formatCredits(parseFloat(claimsBalance), 2)} + LBC + + {__('in your publishes')} + + {formatCredits(parseFloat(supportsBalance), 2)} + LBC + + {__('in your supports')} - {__('in your supports')} diff --git a/src/component/walletSyncDriver/view.js b/src/component/walletSyncDriver/view.js index 93291d1..455621a 100644 --- a/src/component/walletSyncDriver/view.js +++ b/src/component/walletSyncDriver/view.js @@ -27,7 +27,7 @@ class WalletSyncDriver extends React.PureComponent { }, }, ], - { cancelable: true } + { cancelable: true }, ); } }; diff --git a/src/styles/wallet.js b/src/styles/wallet.js index 12c074d..63bc0c7 100644 --- a/src/styles/wallet.js +++ b/src/styles/wallet.js @@ -103,10 +103,12 @@ const walletStyle = StyleSheet.create({ marginLeft: 16, marginRight: 16, }, - balanceExtraCard: { - backgroundColor: Colors.White, + balanceExtra: { marginLeft: 16, marginRight: 16, + }, + balanceExtraCard: { + backgroundColor: Colors.White, padding: 16, }, balanceBackground: { @@ -252,6 +254,22 @@ const walletStyle = StyleSheet.create({ borderBottomWidth: 1, borderBottomColor: Colors.PageBackground, }, + syncDriverCustody: { + backgroundColor: Colors.LbryGreen, + padding: 16, + }, + syncInfoText: { + color: Colors.White, + fontFamily: 'Inter-Regular', + fontSize: 16, + marginBottom: 8, + }, + syncInfoLink: { + color: Colors.White, + fontFamily: 'Inter-Regular', + fontSize: 14, + textDecorationLine: 'underline', + }, syncDriverLink: { color: Colors.LbryGreen, fontFamily: 'Inter-Regular',