2017-12-12 00:50:22 +01:00
|
|
|
// @flow
|
2018-03-26 23:32:43 +02:00
|
|
|
import * as React from 'react';
|
|
|
|
import Button from 'component/button';
|
|
|
|
import CreditAmount from 'component/common/credit-amount';
|
2017-08-20 23:42:00 +02:00
|
|
|
|
2017-12-12 00:50:22 +01:00
|
|
|
type Props = {
|
|
|
|
unclaimedRewardAmount: number,
|
2017-12-12 21:49:50 +01:00
|
|
|
};
|
2017-12-12 00:50:22 +01:00
|
|
|
|
|
|
|
const RewardSummary = (props: Props) => {
|
|
|
|
const { unclaimedRewardAmount } = props;
|
2018-03-26 23:32:43 +02:00
|
|
|
const hasRewards = unclaimedRewardAmount > 0;
|
2017-08-20 23:42:00 +02:00
|
|
|
|
|
|
|
return (
|
2018-03-26 23:32:43 +02:00
|
|
|
<section className="card card--section">
|
|
|
|
<div className="card__title">{__('Rewards')}</div>
|
|
|
|
<p className="card__subtitle">
|
|
|
|
{hasRewards ? (
|
|
|
|
<React.Fragment>
|
|
|
|
{__('You have')}
|
|
|
|
|
|
|
|
<CreditAmount noStyle amount={unclaimedRewardAmount} precision={8} />
|
|
|
|
|
2017-12-21 22:08:54 +01:00
|
|
|
{__('in unclaimed rewards')}.
|
2018-03-26 23:32:43 +02:00
|
|
|
</React.Fragment>
|
2017-12-11 23:06:33 +01:00
|
|
|
) : (
|
2018-03-26 23:32:43 +02:00
|
|
|
<React.Fragment>
|
|
|
|
{__('There are no rewards available at this time, please check back later')}.
|
|
|
|
</React.Fragment>
|
2017-11-24 15:31:05 +01:00
|
|
|
)}
|
2018-03-26 23:32:43 +02:00
|
|
|
</p>
|
2017-10-09 07:10:56 +02:00
|
|
|
<div className="card__actions">
|
2018-03-26 23:32:43 +02:00
|
|
|
<Button
|
|
|
|
button="primary"
|
|
|
|
navigate="/rewards"
|
|
|
|
label={hasRewards ? __('Claim Rewards') : __('View Rewards')}
|
|
|
|
/>
|
2017-08-20 23:42:00 +02:00
|
|
|
</div>
|
2018-03-26 23:32:43 +02:00
|
|
|
<p className="help help--padded">
|
|
|
|
{__('Read our')}{' '}
|
|
|
|
<Button button="link" label={__('FAQ')} href="https://lbry.io/faq/rewards" />{' '}
|
|
|
|
{__('to learn more about LBRY Rewards')}.
|
|
|
|
</p>
|
2017-08-20 23:42:00 +02:00
|
|
|
</section>
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
export default RewardSummary;
|