diff --git a/src/component/walletRewardsDriver/index.js b/src/component/walletRewardsDriver/index.js index d277a16..2856f8c 100644 --- a/src/component/walletRewardsDriver/index.js +++ b/src/component/walletRewardsDriver/index.js @@ -1,9 +1,10 @@ import { connect } from 'react-redux'; -import { selectUnclaimedRewardValue } from 'lbryinc'; +import { selectUnclaimedRewardValue, selectUser } from 'lbryinc'; import WalletRewardsDriver from './view'; const select = state => ({ unclaimedRewardAmount: selectUnclaimedRewardValue(state), + user: selectUser(state), }); export default connect(select)(WalletRewardsDriver); diff --git a/src/component/walletRewardsDriver/view.js b/src/component/walletRewardsDriver/view.js index d1f0d28..ea99f21 100644 --- a/src/component/walletRewardsDriver/view.js +++ b/src/component/walletRewardsDriver/view.js @@ -5,15 +5,25 @@ import walletStyle from 'styles/wallet'; class WalletRewardsDriver extends React.PureComponent<Props> { render() { - const { navigation, unclaimedRewardAmount } = this.props; + const { navigation, unclaimedRewardAmount, user } = this.props; + const signedIn = user && user.has_verified_email; return ( <TouchableOpacity style={walletStyle.rewardDriverCard} onPress={() => navigation.navigate('Rewards')}> <Icon name="award" size={16} style={walletStyle.rewardIcon} /> - <Text style={walletStyle.rewardDriverText}> - Get {unclaimedRewardAmount > 0 ? unclaimedRewardAmount : ''} free credit - {unclaimedRewardAmount === 1 ? '' : 's'} after creating an account. - </Text> + {signedIn && ( + <Text style={walletStyle.rewardDriverText}> + {unclaimedRewardAmount > 0 ? unclaimedRewardAmount : ''} free credit{unclaimedRewardAmount === 1 ? '' : 's'}{' '} + available in rewards. Tap to learn more. + </Text> + )} + + {!signedIn && ( + <Text style={walletStyle.rewardDriverText}> + Get {unclaimedRewardAmount > 0 ? unclaimedRewardAmount : ''} free credit + {unclaimedRewardAmount === 1 ? '' : 's'} after creating an account. + </Text> + )} </TouchableOpacity> ); }