lbry-desktop/ui/js/component/rewardSummary/view.jsx

30 lines
855 B
React
Raw Normal View History

2017-08-20 23:42:00 +02:00
import React from "react";
import Link from "component/link";
import { CreditAmount } from "component/common";
const RewardSummary = props => {
const { balance, unclaimedRewardAmount } = props;
return (
<section className="card">
<div className="card__title-primary">
<h3>{__("Rewards")}</h3>
</div>
<div className="card__content">
{unclaimedRewardAmount > 0 &&
<p>
You have{" "}
<CreditAmount amount={unclaimedRewardAmount} precision={8} /> in
unclaimed rewards.
</p>}
</div>
2017-08-26 05:21:26 +02:00
<div className="card__actions card__actions--bottom">
<Link button="text" navigate="/rewards" label={__("Rewards")} />
<Link button="text" navigate="/invite" label={__("Invites")} />
2017-08-20 23:42:00 +02:00
</div>
</section>
);
};
export default RewardSummary;