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

70 lines
1.8 KiB
React
Raw Normal View History

2018-03-26 23:32:43 +02:00
// @flow
import React from 'react';
2018-03-26 23:32:43 +02:00
import Button from 'component/button';
2019-01-22 21:36:28 +01:00
import CopyableText from 'component/copyableText';
import QRCode from 'component/common/qr-code';
2018-03-26 23:32:43 +02:00
type Props = {
checkAddressIsMine: string => void,
receiveAddress: string,
getNewAddress: () => void,
gettingNewAddress: boolean,
};
type State = {
showQR: boolean,
};
class WalletAddress extends React.PureComponent<Props, State> {
constructor(props: Props) {
super(props);
this.state = {
showQR: false,
};
2019-03-05 18:54:11 +01:00
(this: any).toggleQR = this.toggleQR.bind(this);
}
2019-06-17 22:32:38 +02:00
componentDidMount() {
const { checkAddressIsMine, receiveAddress, getNewAddress } = this.props;
if (!receiveAddress) {
getNewAddress();
} else {
checkAddressIsMine(receiveAddress);
}
}
toggleQR() {
this.setState({
showQR: !this.state.showQR,
});
}
render() {
2017-06-06 23:19:12 +02:00
const { receiveAddress, getNewAddress, gettingNewAddress } = this.props;
const { showQR } = this.state;
return (
2018-03-26 23:32:43 +02:00
<section className="card card--section">
2019-07-21 23:31:22 +02:00
<h2 className="card__title">{__('Receive Credits')}</h2>
<p className="card__subtitle">
{__(
'Use this address to receive LBC. You can generate a new address at any time, and any previous addresses will continue to work.'
)}
</p>
<CopyableText label={__('Your Address')} copyable={receiveAddress} snackMessage={__('Address copied.')} />
2018-03-26 23:32:43 +02:00
2019-07-21 23:31:22 +02:00
<div className="card__actions">
<Button button="inverse" label={__('Get New Address')} onClick={getNewAddress} disabled={gettingNewAddress} />
<Button button="link" label={showQR ? __('Hide QR code') : __('Show QR code')} onClick={this.toggleQR} />
</div>
2018-03-26 23:32:43 +02:00
2019-07-21 23:31:22 +02:00
{showQR && <QRCode value={receiveAddress} paddingTop />}
</section>
);
}
}
2017-06-06 06:21:55 +02:00
export default WalletAddress;