import React from 'react'; import lbryio from 'lbryio'; import {CreditAmount, Icon} from 'component/common'; import SubHeader from 'component/subHeader' import RewardLink from 'component/rewardLink'; const RewardTile = (props) => { const { reward, } = props const claimed = !!reward.transaction_id return (

{reward.reward_title}

{claimed ? Reward claimed. : }
{reward.reward_description}
) } const RewardsPage = (props) => { const { fetching, rewards, } = props let content if (fetching) content =
Fetching rewards
if (!fetching && rewards.length == 0) content =
Failed to load rewards.
if (!fetching && rewards.length > 0) { content = rewards.map(reward => ) } return (
{content}
) } export default RewardsPage;