29 lines
822 B
React
29 lines
822 B
React
|
import React from "react";
|
||
|
|
import { CreditAmount, Icon } from "component/common";
|
||
|
|
import RewardLink from "component/rewardLink";
|
||
|
|
|
||
|
|
const RewardTile = props => {
|
||
|
|
const { reward } = props;
|
||
|
|
|
||
|
|
const claimed = !!reward.transaction_id;
|
||
|
|
|
||
|
|
return (
|
||
|
|
<section className="card">
|
||
|
|
<div className="card__inner">
|
||
|
|
<div className="card__title-primary">
|
||
|
|
<CreditAmount amount={reward.reward_amount} />
|
||
|
|
<h3>{reward.reward_title}</h3>
|
||
|
|
</div>
|
||
|
|
<div className="card__actions">
|
||
|
|
{claimed
|
||
|
|
? <span><Icon icon="icon-check" /> {__("Reward claimed.")}</span>
|
||
|
|
: <RewardLink reward_type={reward.reward_type} />}
|
||
|
|
</div>
|
||
|
|
<div className="card__content">{reward.reward_description}</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default RewardTile;
|