lbry-desktop/src/renderer/component/rewardLink/view.jsx
Sean Yesmunt 39399cfd0f
Are we there yet? Hopefully last release fixes (#2192)
* tweak: more noticeable active states for subscriptions layouts

* fix: error modal styling when expanded

* fix: reward claim modal
2019-01-15 11:16:30 -05:00

54 lines
1.3 KiB
JavaScript

// @flow
import React from 'react';
import { Modal } from 'modal/modal';
import Button from 'component/button';
type Reward = {
reward_amount: number,
};
type Props = {
isPending: boolean,
label: ?string,
errorMessage: ?string,
reward: Reward,
button: ?boolean,
clearError: Reward => void,
claimReward: Reward => void,
};
const RewardLink = (props: Props) => {
const { reward, claimReward, clearError, errorMessage, label, isPending, button } = props;
return !reward ? null : (
<div className="reward-link">
<Button
button={button ? 'primary' : 'link'}
disabled={isPending}
label={isPending ? __('Claiming...') : label || `${__('Get')} ${reward.reward_amount} LBC`}
onClick={() => {
claimReward(reward);
}}
/>
{errorMessage ? (
// TODO: This should be moved to redux
<Modal
isOpen
title={__('Error Claiming Reward')}
contentLabel="Reward Claim Error"
onConfirmed={() => {
clearError(reward);
}}
>
<section className="card__content">
<div className="error-modal__error-list">{errorMessage}</div>
</section>
</Modal>
) : (
''
)}
</div>
);
};
export default RewardLink;