diff --git a/src/component/rewardCard/view.js b/src/component/rewardCard/view.js index 0e35ab5..e5faaca 100644 --- a/src/component/rewardCard/view.js +++ b/src/component/rewardCard/view.js @@ -13,6 +13,7 @@ type Props = { id: string, reward_title: string, reward_amount: number, + reward_range?: string, transaction_id: string, created_at: string, reward_description: string, @@ -55,6 +56,20 @@ class RewardCard extends React.PureComponent { }); }; + getDisplayAmount = () => { + const { reward } = this.props; + if (reward) { + if (reward.reward_range && reward.reward_range.includes('-')) { + return reward.reward_range.split('-')[0] + '+'; // ex: 5+ + } else if (reward.reward_amount > 0) { + return reward.reward_amount; + } + } + + // unknown amount which normally shouldn't happen + return '?'; + }; + render() { const { canClaim, isPending, onClaimPress, reward } = this.props; const claimed = !!reward.transaction_id; @@ -101,7 +116,7 @@ class RewardCard extends React.PureComponent { )} - {reward.reward_amount} + {this.getDisplayAmount()} LBC