lbry-desktop/ui/modal/modalSendTip/view.jsx
2019-11-11 13:27:29 -05:00

48 lines
1 KiB
JavaScript

// @flow
import React from 'react';
import { Modal } from 'modal/modal';
import SendTip from 'component/walletSendTip';
import UriIndicator from 'component/uriIndicator';
type Props = {
closeModal: () => void,
uri: string,
claimIsMine: boolean,
isSupport: boolean,
};
class ModalSendTip extends React.PureComponent<Props> {
render() {
const { closeModal, uri, claimIsMine, isSupport } = this.props;
return (
<Modal
onAborted={closeModal}
isOpen
type="custom"
title={
<React.Fragment>
{claimIsMine || isSupport ? (
__('Add support to this claim')
) : (
<span>
{__('Send a tip to')} <UriIndicator uri={uri} />
</span>
)}
</React.Fragment>
}
>
<SendTip
uri={uri}
claimIsMine={claimIsMine}
isSupport={isSupport}
onCancel={closeModal}
sendTipCallback={closeModal}
/>
</Modal>
);
}
}
export default ModalSendTip;