diff --git a/ui/app/account-detail.js b/ui/app/account-detail.js index 2775e24fb..ae4552df6 100644 --- a/ui/app/account-detail.js +++ b/ui/app/account-detail.js @@ -127,8 +127,13 @@ AccountDetailScreen.prototype.transactionList = function() { var transactions = state.transactions return transactionList(transactions + // only transactions that have a hash + .filter(tx => tx.hash) + // only transactions that are from the current address .filter(tx => tx.txParams.from === state.address) + // only transactions that are on the current network .filter(tx => tx.txParams.metamaskNetworkId === state.networkVersion) + // sort by recency .sort((a, b) => b.time - a.time), state.networkVersion) } diff --git a/ui/app/accounts.js b/ui/app/accounts.js index 31aaf7797..3f0a3e819 100644 --- a/ui/app/accounts.js +++ b/ui/app/accounts.js @@ -97,12 +97,12 @@ AccountsScreen.prototype.render = function() { var identiconSrc = `data:image/png;base64,${identicon}` return ( - h('.accounts-list-option.flex-row.flex-space-between', { + h('.accounts-list-option.flex-row.flex-space-between.cursor-pointer', { style: { flex: '1 0 auto', background: isSelected ? 'white' : 'none', }, - // onClick: state.onClick, + onClick: (event) => actions.onShowDetail(identity.address, event), }, [ // account identicon diff --git a/ui/app/css/index.css b/ui/app/css/index.css index cde130dfe..59577f76c 100644 --- a/ui/app/css/index.css +++ b/ui/app/css/index.css @@ -250,6 +250,11 @@ app sections height: 120px; } +.accounts-list-option:hover { + background: pink; + transform: scale(1.1); +} + .accounts-list-option .identicon-wrapper { width: 100px; }