diff --git a/ui/component/walletSendTip/view.jsx b/ui/component/walletSendTip/view.jsx index 515b55697..878bc938d 100644 --- a/ui/component/walletSendTip/view.jsx +++ b/ui/component/walletSendTip/view.jsx @@ -50,7 +50,7 @@ function WalletSendTip(props: Props) { function sendSupportOrConfirm(instantTipMaxAmount = null) { if (!isSupport && (!instantTipMaxAmount || !instantTipEnabled || tipAmount > instantTipMaxAmount)) { - const modalProps = { tipAmount, claimId, title, isSupport }; + const modalProps = { uri, tipAmount, claimId, title, isSupport }; openModal(MODALS.CONFIRM_SEND_TIP, modalProps); } else { sendSupport(tipAmount, claimId, isSupport); diff --git a/ui/modal/modalConfirmSendTip/view.jsx b/ui/modal/modalConfirmSendTip/view.jsx index d64bbf291..13a6c3dcd 100644 --- a/ui/modal/modalConfirmSendTip/view.jsx +++ b/ui/modal/modalConfirmSendTip/view.jsx @@ -1,11 +1,13 @@ // @flow import React from 'react'; +import { parseURI } from 'lbry-redux'; import Button from 'component/button'; import { Form } from 'component/common/form'; import { Modal } from 'modal/modal'; import Card from 'component/common/card'; type Props = { + uri: string, claimId: string, title: string, tipAmount: number, @@ -22,8 +24,9 @@ class ModalConfirmSendTip extends React.PureComponent { } render() { - const { tipAmount = 5.5, title = 'This is a random title name', isSupport, closeModal } = this.props; + const { tipAmount = 5.5, title, isSupport, closeModal, uri } = this.props; const cardTitle = __(isSupport ? 'Confirm Support' : 'Confirm Tip'); + const { channelName } = parseURI(uri); return ( @@ -38,7 +41,7 @@ class ModalConfirmSendTip extends React.PureComponent {
-
{title}
+
{title || channelName}
}