36 lines
1,008 B
React
36 lines
1,008 B
React
|
// @flow
|
||
|
|
import React from 'react';
|
||
|
|
import CreditAmount from 'component/common/credit-amount';
|
||
|
|
import Button from 'component/button';
|
||
|
|
import Card from 'component/common/card';
|
||
|
|
import I18nMessage from 'component/i18nMessage';
|
||
|
|
|
||
|
|
type Props = {
|
||
|
|
balance: number,
|
||
|
|
totalRewardValue: number,
|
||
|
|
};
|
||
|
|
|
||
|
|
function RewardAuthIntro(props: Props) {
|
||
|
|
const { totalRewardValue } = props;
|
||
|
|
const totalRewardRounded = Math.floor(totalRewardValue / 10) * 10;
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Card
|
||
|
|
title={__('Sign In to lbry.tv to Earn Rewards')}
|
||
|
|
subtitle={
|
||
|
|
<I18nMessage
|
||
|
|
tokens={{
|
||
|
|
credit_amount: <CreditAmount inheritStyle amount={totalRewardRounded} />,
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
A lbry.tv account allows you to earn more than %credit_amount% in rewards, backup your data, and get content
|
||
|
|
and security updates.
|
||
|
|
</I18nMessage>
|
||
|
|
}
|
||
|
|
actions={<Button button="primary" navigate="/$/rewards" label={__('Unlock Rewards')} />}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
export default RewardAuthIntro;
|