58 lines
1.6 KiB
JavaScript
58 lines
1.6 KiB
JavaScript
// @flow
|
|
import React from 'react';
|
|
import { FormField, FormFieldPrice } from 'component/common/form';
|
|
import Card from 'component/common/card';
|
|
|
|
type Props = {
|
|
contentIsFree: boolean,
|
|
fee: Fee,
|
|
disabled: boolean,
|
|
updatePublishForm: ({}) => void,
|
|
};
|
|
|
|
function PublishPrice(props: Props) {
|
|
const { contentIsFree, fee, updatePublishForm, disabled } = props;
|
|
|
|
return (
|
|
<Card
|
|
actions={
|
|
<React.Fragment>
|
|
<FormField
|
|
type="radio"
|
|
name="content_free"
|
|
label={__('Free')}
|
|
checked={contentIsFree}
|
|
disabled={disabled}
|
|
onChange={() => updatePublishForm({ contentIsFree: true })}
|
|
/>
|
|
|
|
<FormField
|
|
type="radio"
|
|
name="content_cost"
|
|
label={__('Add a price to this file')}
|
|
checked={!contentIsFree}
|
|
disabled={disabled}
|
|
onChange={() => updatePublishForm({ contentIsFree: false })}
|
|
/>
|
|
{!contentIsFree && (
|
|
<FormFieldPrice
|
|
name="content_cost_amount"
|
|
min={0}
|
|
price={fee}
|
|
onChange={newFee => updatePublishForm({ fee: newFee })}
|
|
/>
|
|
)}
|
|
{fee && fee.currency !== 'LBC' && (
|
|
<p className="form-field__help">
|
|
{__(
|
|
'All content fees are charged in LBRY Credits. For alternative payment methods, the number of LBRY Credits charged will be adjusted based on the value of LBRY Credits at the time of purchase.'
|
|
)}
|
|
</p>
|
|
)}
|
|
</React.Fragment>
|
|
}
|
|
/>
|
|
);
|
|
}
|
|
|
|
export default PublishPrice;
|