move unclaimed reward amount to the left of floating wallet balance
This commit is contained in:
parent
916af88c53
commit
4ce424d4db
2 changed files with 9 additions and 9 deletions
|
@ -18,6 +18,12 @@ class FloatingWalletBalance extends React.PureComponent<Props> {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<View style={[floatingButtonStyle.view, floatingButtonStyle.bottomRight]}>
|
<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}
|
<TouchableOpacity style={floatingButtonStyle.container}
|
||||||
onPress={() => navigation && navigation.navigate({ routeName: 'WalletStack' })}>
|
onPress={() => navigation && navigation.navigate({ routeName: 'WalletStack' })}>
|
||||||
{isNaN(balance) && <ActivityIndicator size="small" color={Colors.White} />}
|
{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')}
|
{(balance || balance === 0) && (formatCredits(parseFloat(balance), 2) + ' LBC')}
|
||||||
</Text>
|
</Text>
|
||||||
</TouchableOpacity>
|
</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>
|
</View>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
@ -30,9 +30,9 @@ const floatingButtonStyle = StyleSheet.create({
|
||||||
pendingContainer: {
|
pendingContainer: {
|
||||||
borderRadius: 24,
|
borderRadius: 24,
|
||||||
padding: 14,
|
padding: 14,
|
||||||
paddingLeft: 70,
|
paddingLeft: 20,
|
||||||
paddingRight: 20,
|
paddingRight: 70,
|
||||||
marginLeft: -60,
|
marginRight: -60,
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
justifyContent: 'center',
|
justifyContent: 'center',
|
||||||
backgroundColor: Colors.BrighterLbryGreen,
|
backgroundColor: Colors.BrighterLbryGreen,
|
||||||
|
|
Loading…
Reference in a new issue