mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 01:39:44 +01:00
Moved transaction-list into its own component
This commit is contained in:
parent
8fe113e8d9
commit
c858b70585
@ -5,6 +5,7 @@ const connect = require('react-redux').connect
|
|||||||
const copyToClipboard = require('copy-to-clipboard')
|
const copyToClipboard = require('copy-to-clipboard')
|
||||||
const actions = require('./actions')
|
const actions = require('./actions')
|
||||||
const AccountPanel = require('./components/account-panel')
|
const AccountPanel = require('./components/account-panel')
|
||||||
|
const transactionList = require('./components/transaction-list')
|
||||||
|
|
||||||
module.exports = connect(mapStateToProps)(AccountDetailScreen)
|
module.exports = connect(mapStateToProps)(AccountDetailScreen)
|
||||||
|
|
||||||
@ -15,6 +16,7 @@ function mapStateToProps(state) {
|
|||||||
accounts: state.metamask.accounts,
|
accounts: state.metamask.accounts,
|
||||||
address: state.appState.currentView.context,
|
address: state.appState.currentView.context,
|
||||||
accountDetail: accountDetail,
|
accountDetail: accountDetail,
|
||||||
|
transactions: state.metamask.transactions,
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -29,6 +31,7 @@ AccountDetailScreen.prototype.render = function() {
|
|||||||
var identity = state.identities[state.address]
|
var identity = state.identities[state.address]
|
||||||
var account = state.accounts[state.address]
|
var account = state.accounts[state.address]
|
||||||
var accountDetail = state.accountDetail
|
var accountDetail = state.accountDetail
|
||||||
|
var transactions = state.transactions
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|
||||||
@ -78,14 +81,9 @@ AccountDetailScreen.prototype.render = function() {
|
|||||||
h('div.font-small','Transaction'),
|
h('div.font-small','Transaction'),
|
||||||
h('div.font-small','Amount'),
|
h('div.font-small','Amount'),
|
||||||
]),
|
]),
|
||||||
h('.flex-row.flex-space-around', [
|
|
||||||
// h('div'['href','0xfc37bda95ce571bd0a393e8e7f6da394f1420a57b7d53f7c93821bff61f9b580'),
|
transactionList(transactions),
|
||||||
h('a.font-small',
|
|
||||||
{href: 'http://testnet.etherscan.io/tx/0xfc37bda95ce571bd0a393e8e7f6da394f1420a57b7d53f7c93821bff61f9b580',
|
|
||||||
target: '_blank'},
|
|
||||||
'0xfc37bda...b580'),
|
|
||||||
h('div.font-small','0.5000 ETH'),
|
|
||||||
]),
|
|
||||||
]),
|
]),
|
||||||
|
|
||||||
this.exportedAccount(accountDetail),
|
this.exportedAccount(accountDetail),
|
||||||
|
49
ui/app/components/transaction-list.js
Normal file
49
ui/app/components/transaction-list.js
Normal file
@ -0,0 +1,49 @@
|
|||||||
|
/*
|
||||||
|
transactions
|
||||||
|
:
|
||||||
|
Array[3]
|
||||||
|
0
|
||||||
|
:
|
||||||
|
Object
|
||||||
|
id
|
||||||
|
:
|
||||||
|
1461025348948185
|
||||||
|
status
|
||||||
|
:
|
||||||
|
"confirmed"
|
||||||
|
time
|
||||||
|
:
|
||||||
|
1461025348948
|
||||||
|
txParams
|
||||||
|
:
|
||||||
|
Object
|
||||||
|
data
|
||||||
|
:
|
||||||
|
"0x90b98a11000000000000000000000000c5b8dbac4c1d3f152cdeb400e2313f309c410acb00000000000000000000000000000000000000000000000000000000000003e8"
|
||||||
|
from
|
||||||
|
:
|
||||||
|
"0xfdea65c8e26263f6d9a1b5de9555d2931a33b825"
|
||||||
|
to
|
||||||
|
:
|
||||||
|
"0xcd1ca6275b45065c4db4ec024859f8fd9d8d44ba"
|
||||||
|
__proto__
|
||||||
|
:
|
||||||
|
Object
|
||||||
|
*/
|
||||||
|
const h = require('react-hyperscript')
|
||||||
|
|
||||||
|
module.exports = function(transactions) {
|
||||||
|
return h('.tx-list',
|
||||||
|
transactions.map((transaction) => {
|
||||||
|
return h('.tx.flex-row.flex-space-around', [
|
||||||
|
h('a.font-small',
|
||||||
|
{
|
||||||
|
href: 'http://testnet.etherscan.io/tx/0xfc37bda95ce571bd0a393e8e7f6da394f1420a57b7d53f7c93821bff61f9b580',
|
||||||
|
target: '_blank',
|
||||||
|
},
|
||||||
|
'0xfc37bda...b580'),
|
||||||
|
h('div.font-small', '0.5000 ETH')
|
||||||
|
])
|
||||||
|
})
|
||||||
|
)
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user