diff options
| author | sdtsui <szehungdanieltsui@gmail.com> | 2017-08-12 00:17:14 +0800 |
|---|---|---|
| committer | sdtsui <szehungdanieltsui@gmail.com> | 2017-08-12 00:17:14 +0800 |
| commit | 9b48e0aa53ff73fe526c4788c929b0ffe5a2d499 (patch) | |
| tree | 60d14312b5a6002b30405c3950ff482be81b2809 /ui/app/components/wallet-view.js | |
| parent | 9954c95b4a582d13c3b184b4e18f240865bc45f9 (diff) | |
| download | tangerine-wallet-browser-9b48e0aa53ff73fe526c4788c929b0ffe5a2d499.tar tangerine-wallet-browser-9b48e0aa53ff73fe526c4788c929b0ffe5a2d499.tar.gz tangerine-wallet-browser-9b48e0aa53ff73fe526c4788c929b0ffe5a2d499.tar.bz2 tangerine-wallet-browser-9b48e0aa53ff73fe526c4788c929b0ffe5a2d499.tar.lz tangerine-wallet-browser-9b48e0aa53ff73fe526c4788c929b0ffe5a2d499.tar.xz tangerine-wallet-browser-9b48e0aa53ff73fe526c4788c929b0ffe5a2d499.tar.zst tangerine-wallet-browser-9b48e0aa53ff73fe526c4788c929b0ffe5a2d499.zip | |
Implement infinite scrolls (no lazy loading) for wallet view
Diffstat (limited to 'ui/app/components/wallet-view.js')
| -rw-r--r-- | ui/app/components/wallet-view.js | 170 |
1 files changed, 23 insertions, 147 deletions
diff --git a/ui/app/components/wallet-view.js b/ui/app/components/wallet-view.js index db69b5faa..cf7f74e49 100644 --- a/ui/app/components/wallet-view.js +++ b/ui/app/components/wallet-view.js @@ -41,14 +41,24 @@ const noop = () => {} WalletView.prototype.render = function () { const { network, responsiveDisplayClassname, style, identities, selectedAddress, selectedAccount } = this.props + // temporary logs + fake extra wallets console.log(selectedAccount) + const extraWallet = h('div.flex-column.wallet-balance-wrapper', {}, [ + h('div.wallet-balance', {}, [ + h(BalanceComponent, { + balanceValue: selectedAccount.balance, + style: {}, + }), + ]), + ]) + return h('div.wallet-view.flex-column' + (responsiveDisplayClassname || ''), { style: {}, }, [ // TODO: Separate component: wallet account details - h('div.flex-column', { + h('div.flex-column.wallet-view-account-details', { style: {} }, [ @@ -123,9 +133,7 @@ WalletView.prototype.render = function () { ]), //Wallet Balances - h('div.flex-column.wallet-balance-wrapper-active', {}, [ - - h('div', {}, [ + h('div.flex-column.wallet-balance-wrapper.wallet-balance-wrapper-active', {}, [ h('div.wallet-balance', {}, [ @@ -136,13 +144,9 @@ WalletView.prototype.render = function () { ]), - ]) - ]), - h('div.flex-column', {}, [ - - h('div', {}, [ + h('div.flex-column.wallet-balance-wrapper', {}, [ h('div.wallet-balance', {}, [ @@ -153,145 +157,17 @@ WalletView.prototype.render = function () { ]), - ]) - - ]), - - h('div.flex-column', {}, [ - - h('div', {}, [ - - h('div.wallet-balance', {}, [ - - h(BalanceComponent, { - balanceValue: selectedAccount.balance, - style: {}, - }), - - ]), - - ]) - - ]), - - h('div.flex-column', {}, [ - - h('div', {}, [ - - h('div.wallet-balance', {}, [ - - h(BalanceComponent, { - balanceValue: selectedAccount.balance, - style: {}, - }), - - ]), - - ]) - - ]), - - h('div.flex-column', {}, [ - - h('div', {}, [ - - h('div.wallet-balance', {}, [ - - h(BalanceComponent, { - balanceValue: selectedAccount.balance, - style: {}, - }), - - ]), - - ]) - - ]), - - h('div.flex-column', {}, [ - - h('div', {}, [ - - h('div.wallet-balance', {}, [ - - h(BalanceComponent, { - balanceValue: selectedAccount.balance, - style: {}, - }), - - ]), - - ]) - - ]), - - h('div.flex-column', {}, [ - - h('div', {}, [ - - h('div.wallet-balance', {}, [ - - h(BalanceComponent, { - balanceValue: selectedAccount.balance, - style: {}, - }), - - ]), - - ]) - - ]), - - h('div.flex-column', {}, [ - - h('div', {}, [ - - h('div.wallet-balance', {}, [ - - h(BalanceComponent, { - balanceValue: selectedAccount.balance, - style: {}, - }), - - ]), - - ]) - - ]), - - h('div.flex-column', {}, [ - - h('div', {}, [ - - h('div.wallet-balance', {}, [ - - h(BalanceComponent, { - balanceValue: selectedAccount.balance, - style: {}, - }), - - ]), - - ]) - - ]), - - h('div.flex-column', {}, [ - - h('div', {}, [ - - h('div.wallet-balance', {}, [ - - h(BalanceComponent, { - balanceValue: selectedAccount.balance, - style: {}, - }), - - ]), - - ]) - ]), + extraWallet, + extraWallet, + extraWallet, + extraWallet, + extraWallet, + extraWallet, + extraWallet, + extraWallet, + extraWallet, + extraWallet, ]) } |