lbry-desktop/ui/js/component/walletAddress/view.jsx

50 lines
1.4 KiB
React
Raw Normal View History

2017-06-06 23:19:12 +02:00
import React from "react";
import Link from "component/link";
import { Address } from "component/common";
class WalletAddress extends React.Component {
componentWillMount() {
2017-06-06 23:19:12 +02:00
this.props.checkAddressIsMine(this.props.receiveAddress);
}
render() {
2017-06-06 23:19:12 +02:00
const { receiveAddress, getNewAddress, gettingNewAddress } = this.props;
return (
<section className="card">
<div className="card__title-primary">
2017-05-26 22:26:06 +02:00
<h3>{__("Wallet Address")}</h3>
</div>
<div className="card__content">
<Address address={receiveAddress} />
</div>
<div className="card__actions">
2017-06-06 23:19:12 +02:00
<Link
label={__("Get New Address")}
button="primary"
icon="icon-refresh"
onClick={getNewAddress}
disabled={gettingNewAddress}
/>
</div>
<div className="card__content">
<div className="help">
2017-06-06 23:19:12 +02:00
<p>
{__(
'Other LBRY users may send credits to you by entering this address on the "Send" page.'
)}
</p>
<p>
{__(
"You can generate a new address at any time, and any previous addresses will continue to work. Using multiple addresses can be helpful for keeping track of incoming payments from multiple sources."
)}
</p>
</div>
</div>
</section>
);
}
}
2017-06-06 06:21:55 +02:00
export default WalletAddress;