lbry-desktop/ui/modal/modalAffirmPurchase/view.jsx

55 lines
1.2 KiB
React
Raw Normal View History

2018-09-26 19:48:07 +02:00
// @flow
import React from 'react';
import FilePrice from 'component/filePrice';
import { Modal } from 'modal/modal';
2017-09-07 23:18:33 +02:00
2018-09-26 19:48:07 +02:00
type Props = {
closeModal: () => void,
loadVideo: string => void,
uri: string,
cancelPurchase: () => void,
2019-04-24 16:02:08 +02:00
metadata: StreamMetadata,
2018-09-26 19:48:07 +02:00
};
class ModalAffirmPurchase extends React.PureComponent<Props> {
2018-05-31 06:32:31 +02:00
constructor() {
super();
2019-01-08 03:46:33 +01:00
(this: any).onAffirmPurchase = this.onAffirmPurchase.bind(this);
2018-05-31 06:32:31 +02:00
}
2017-09-08 05:15:05 +02:00
onAffirmPurchase() {
this.props.closeModal();
this.props.loadVideo(this.props.uri);
}
2017-09-07 23:18:33 +02:00
render() {
2018-05-03 19:22:10 +02:00
const {
cancelPurchase,
metadata: { title },
uri,
} = this.props;
2017-09-07 23:18:33 +02:00
return (
<Modal
type="confirm"
isOpen
2018-09-26 19:48:07 +02:00
title={__('Confirm Purchase')}
contentLabel={__('Confirm Purchase')}
2018-05-31 06:32:31 +02:00
onConfirmed={this.onAffirmPurchase}
onAborted={cancelPurchase}
2017-09-07 23:18:33 +02:00
>
2019-11-22 22:13:00 +01:00
<p className="section__subtitle">
2019-07-21 23:31:22 +02:00
{__('This will purchase')} <strong>{title ? `"${title}"` : uri}</strong> {__('for')}{' '}
<strong>
<FilePrice uri={uri} showFullPrice inheritStyle showLBC={false} />
</strong>{' '}
{__('credits')}.
</p>
2017-09-07 23:18:33 +02:00
</Modal>
);
}
}
export default ModalAffirmPurchase;