mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 01:39:44 +01:00
d9d442ed1f
Currently experiencing a few problems: 1. Tons of errors on app start. It's as if Jazzicon is getting called many times at start with some object as its diameter. 2. Weird visual glitches. When leaving a view with a jazzicon, it flashes off its border radius. 3. Messy transitions. Might want to just re-do the transitions. They just look awful, it's barely worthwhile.
69 lines
1.7 KiB
JavaScript
69 lines
1.7 KiB
JavaScript
const inherits = require('util').inherits
|
|
const ethUtil = require('ethereumjs-util')
|
|
const Component = require('react').Component
|
|
const h = require('react-hyperscript')
|
|
const addressSummary = require('../util').addressSummary
|
|
const formatBalance = require('../util').formatBalance
|
|
const Identicon = require('./identicon')
|
|
|
|
const Panel = require('./panel')
|
|
|
|
module.exports = AccountPanel
|
|
|
|
|
|
inherits(AccountPanel, Component)
|
|
function AccountPanel() {
|
|
Component.call(this)
|
|
}
|
|
|
|
AccountPanel.prototype.render = function() {
|
|
var state = this.props
|
|
var identity = state.identity || {}
|
|
var account = state.account || {}
|
|
var isFauceting = state.isFauceting
|
|
|
|
var identicon = new Identicon(identity.address, 46).toString()
|
|
var identiconSrc = `data:image/png;base64,${identicon}`
|
|
|
|
var panelOpts = {
|
|
key: `accountPanel${identity.address}`,
|
|
onClick: (event) => {
|
|
if (state.onShowDetail) {
|
|
state.onShowDetail(identity.address, event)
|
|
}
|
|
},
|
|
identiconKey: identity.address,
|
|
identiconLabel: identity.name,
|
|
attributes: [
|
|
{
|
|
key: 'ADDRESS',
|
|
value: addressSummary(identity.address)
|
|
},
|
|
balanceOrFaucetingIndication(account, isFauceting),
|
|
]
|
|
}
|
|
|
|
return h(Panel, panelOpts,
|
|
!state.onShowDetail ? null : h('.arrow-right.cursor-pointer', [
|
|
h('i.fa.fa-chevron-right.fa-lg'),
|
|
]))
|
|
|
|
}
|
|
|
|
function balanceOrFaucetingIndication(account, isFauceting) {
|
|
|
|
// Temporarily deactivating isFauceting indication
|
|
// because it shows fauceting for empty restored accounts.
|
|
if (/*isFauceting*/ false) {
|
|
return {
|
|
key: 'Account is auto-funding.',
|
|
value: 'Please wait.',
|
|
}
|
|
} else {
|
|
return {
|
|
key: 'BALANCE',
|
|
value: formatBalance(account.balance)
|
|
}
|
|
}
|
|
}
|