80 lines
2 KiB
React
80 lines
2 KiB
React
|
import React from "react";
|
||
|
|
import Link from "component/link";
|
||
|
|
import { FormRow } from "component/form";
|
||
|
|
import UriIndicator from "component/uriIndicator";
|
||
|
|
|
||
|
|
class WalletSendTip extends React.PureComponent {
|
||
|
|
constructor(props) {
|
||
|
|
super(props);
|
||
|
|
|
||
|
|
this.state = {
|
||
|
|
amount: 0.0,
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
handleSendButtonClicked() {
|
||
|
|
const { claim_id, uri } = this.props;
|
||
|
|
let amount = this.state.amount;
|
||
|
|
this.props.sendSupport(amount, claim_id, uri);
|
||
|
|
}
|
||
|
|
|
||
|
|
handleSupportPriceChange(event) {
|
||
|
|
this.setState({
|
||
|
|
amount: Number(event.target.value),
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
render() {
|
||
|
|
const { errorMessage, isPending, title, uri } = this.props;
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div>
|
||
|
|
<div className="card__title-primary">
|
||
|
|
<h1>{__("Support")} <UriIndicator uri={uri} /></h1>
|
||
|
|
</div>
|
||
|
|
<div className="card__content">
|
||
|
|
<FormRow
|
||
|
|
label={__("Amount")}
|
||
|
|
postfix={__("LBC")}
|
||
|
|
min="0"
|
||
|
|
step="0.1"
|
||
|
|
type="number"
|
||
|
|
errorMessage={errorMessage}
|
||
|
|
helper={
|
||
|
|
<span>
|
||
|
|
{__(
|
||
|
|
'This will appear as a tip for "%s" located at %s.',
|
||
|
|
title,
|
||
|
|
uri
|
||
|
|
) + " "}
|
||
|
|
<Link
|
||
|
|
label={__("Learn more")}
|
||
|
|
href="https://lbry.io/faq/tipping"
|
||
|
|
/>
|
||
|
|
</span>
|
||
|
|
}
|
||
|
|
placeholder="1.00"
|
||
|
|
onChange={event => this.handleSupportPriceChange(event)}
|
||
|
|
/>
|
||
|
|
<div className="form-row-submit">
|
||
|
|
<Link
|
||
|
|
label={__("Send")}
|
||
|
|
button="primary"
|
||
|
|
disabled={isPending}
|
||
|
|
onClick={this.handleSendButtonClicked.bind(this)}
|
||
|
|
/>
|
||
|
|
<Link
|
||
|
|
label={__("Cancel")}
|
||
|
|
button="alt"
|
||
|
|
navigate="/show"
|
||
|
|
navigateParams={{ uri }}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export default WalletSendTip;
|