aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/components/transaction-list.js
blob: e01c8c1f09868e32f20c47a4e29b0291555a96b1 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
/*
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')
const formatBalance = require('../util').formatBalance

module.exports = function(transactions) {
  return h('details', [

    h('summary', [
      h('div.font-small', {style: {display: 'inline'}}, 'Transaction Summary'),
    ]),

    h('.flex-row.flex-space-around', [
      h('div.font-small','Transaction'),
      h('div.font-small','Amount'),
    ]),

    h('.tx-list', {
        style: {
          overflowY: 'auto',
          height: '180px',
        },
      },

      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', formatBalance(transaction.txParams.value))
        ])
      })
    )

  ])
}