diff --git a/js/component/common.js b/js/component/common.js index 861685fa5..ed15aac93 100644 --- a/js/component/common.js +++ b/js/component/common.js @@ -89,3 +89,17 @@ var CreditAmount = React.createClass({ ); } }); + +var addressStyle = { + fontFamily: '"Consolas", "Lucida Console", "Adobe Source Code Pro", monospace', +}; +var Address = React.createClass({ + propTypes: { + address: React.PropTypes.string, + }, + render: function() { + return ( + {this.props.address} + ); + } +}); diff --git a/js/page/wallet.js b/js/page/wallet.js index c5df10515..0bc4b40e1 100644 --- a/js/page/wallet.js +++ b/js/page/wallet.js @@ -1,22 +1,39 @@ -var NewAddressSection = React.createClass({ - generateAddress: function() { - lbry.getNewAddress((results) => { +var addressRefreshButtonStyle = { + fontSize: '11pt', +}; +var AddressSection = React.createClass({ + _refreshAddress: function() { + lbry.getNewAddress((address) => { + localStorage.setItem('wallet_address', address); this.setState({ - address: results, - }) + address: address, + }); }); }, getInitialState: function() { return { - address: "", + address: null, + } + }, + componentWillMount: function() { + var address = localStorage.getItem('wallet_address'); + if (address === null) { + self._refreshAddress(); + } else { + this.setState({ + address: address, + }); } }, render: function() { return (
-

Generate New Address

-
-
+

Wallet Address

+

+
+

Other LBRY users may send credits to you by entering this address on the "Send" page.

+ 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. +
); } @@ -223,7 +240,7 @@ var WalletPage = React.createClass({ { this.props.viewingPage === 'wallet' ? : '' } { this.props.viewingPage === 'send' ? : '' } - { this.props.viewingPage === 'receive' ? : '' } + { this.props.viewingPage === 'receive' ? : '' } ); }