diff options
author | Brandon Millman <brandon.millman@gmail.com> | 2018-05-30 06:26:39 +0800 |
---|---|---|
committer | Brandon Millman <brandon.millman@gmail.com> | 2018-06-01 02:54:25 +0800 |
commit | 2f5ac5d9939471615a281a69087150beafb66f16 (patch) | |
tree | ffd3e6797a349db6558598441c9f4562d877eea2 /packages/website/ts/components/wallet | |
parent | c284f6dcd4e10388e0dd474be08788ddef6b4f30 (diff) | |
download | dexon-0x-contracts-2f5ac5d9939471615a281a69087150beafb66f16.tar dexon-0x-contracts-2f5ac5d9939471615a281a69087150beafb66f16.tar.gz dexon-0x-contracts-2f5ac5d9939471615a281a69087150beafb66f16.tar.bz2 dexon-0x-contracts-2f5ac5d9939471615a281a69087150beafb66f16.tar.lz dexon-0x-contracts-2f5ac5d9939471615a281a69087150beafb66f16.tar.xz dexon-0x-contracts-2f5ac5d9939471615a281a69087150beafb66f16.tar.zst dexon-0x-contracts-2f5ac5d9939471615a281a69087150beafb66f16.zip |
Split render into loading and loaaded
Diffstat (limited to 'packages/website/ts/components/wallet')
-rw-r--r-- | packages/website/ts/components/wallet/wallet.tsx | 16 |
1 files changed, 11 insertions, 5 deletions
diff --git a/packages/website/ts/components/wallet/wallet.tsx b/packages/website/ts/components/wallet/wallet.tsx index 30d1285f4..626d77ffe 100644 --- a/packages/website/ts/components/wallet/wallet.tsx +++ b/packages/website/ts/components/wallet/wallet.tsx @@ -191,16 +191,22 @@ export class Wallet extends React.Component<WalletProps, WalletState> { } } public render(): React.ReactNode { - const isReadyToRender = this.props.blockchainIsLoaded && this.props.blockchainErr === BlockchainErrs.NoError; - const isAddressAvailable = !_.isEmpty(this.props.userAddress); + const isBlockchainLoaded = this.props.blockchainIsLoaded && this.props.blockchainErr === BlockchainErrs.NoError; return ( <Island className="flex flex-column wallet" style={styles.root}> - {isReadyToRender && isAddressAvailable - ? _.concat(this._renderConnectedHeaderRows(), this._renderBody(), this._renderFooterRows()) - : _.concat(this._renderDisconnectedHeaderRows(), this._renderDisconnectedRows())} + {isBlockchainLoaded ? this._renderLoadedRows() : this._renderLoadingRows()} </Island> ); } + private _renderLoadedRows(): React.ReactNode { + const isAddressAvailable = !_.isEmpty(this.props.userAddress); + return isAddressAvailable + ? _.concat(this._renderConnectedHeaderRows(), this._renderBody(), this._renderFooterRows()) + : _.concat(this._renderDisconnectedHeaderRows(), this._renderDisconnectedRows()); + } + private _renderLoadingRows(): React.ReactNode { + return <div />; + } private _renderDisconnectedHeaderRows(): React.ReactElement<{}> { const userAddress = this.props.userAddress; const primaryText = 'wallet'; |