lbry-desktop/ui/modal/modalSendTip/view.jsx
2020-04-29 13:28:11 -04:00

43 lines
1.1 KiB
JavaScript

// @flow
import React from 'react';
import { Modal } from 'modal/modal';
import SendTip from 'component/walletSendTip';
import UriIndicator from 'component/uriIndicator';
import I18nMessage from 'component/i18nMessage';
import Card from 'component/common/card';
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="card">
<Card
title={
claimIsMine || isSupport ? (
__('Support This Claim')
) : (
<I18nMessage
tokens={{
url: <UriIndicator uri={uri} inline />,
}}
>
Send a tip to %url%
</I18nMessage>
)
}
actions={<SendTip uri={uri} claimIsMine={claimIsMine} isSupport={isSupport} onCancel={closeModal} />}
/>
</Modal>
);
}
}
export default ModalSendTip;