lbry-desktop/ui/component/publishPrice/view.jsx

59 lines
1.6 KiB
React
Raw Normal View History

// @flow
import React from 'react';
import { FormField, FormFieldPrice } from 'component/common/form';
2019-09-27 20:56:15 +02:00
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 (
2019-09-27 20:56:15 +02:00
<Card
actions={
<React.Fragment>
<FormField
type="radio"
name="content_free"
label={__('Free')}
checked={contentIsFree}
disabled={disabled}
onChange={() => updatePublishForm({ contentIsFree: true })}
/>
2019-09-27 20:56:15 +02:00
<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"
2019-10-01 06:53:33 +02:00
min={0}
2019-09-27 20:56:15 +02:00
price={fee}
onChange={newFee => updatePublishForm({ fee: newFee })}
/>
2019-07-21 23:31:22 +02:00
)}
2019-09-27 20:56:15 +02:00
{fee && fee.currency !== 'LBC' && (
<p className="form-field__help">
{__(
'All content fees are charged in LBC. For non-LBC payment methods, the number of credits charged will be adjusted based on the value of LBRY credits at the time of purchase.'
)}
</p>
)}
</React.Fragment>
}
/>
);
}
export default PublishPrice;