From 9b48e0aa53ff73fe526c4788c929b0ffe5a2d499 Mon Sep 17 00:00:00 2001 From: sdtsui Date: Fri, 11 Aug 2017 09:17:14 -0700 Subject: Implement infinite scrolls (no lazy loading) for wallet view --- ui/app/components/wallet-view.js | 170 ++++++--------------------------------- 1 file changed, 23 insertions(+), 147 deletions(-) (limited to 'ui/app/components/wallet-view.js') 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, ]) } -- cgit