m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Make mini account panel labels fully configurable

Browse Source
This commit is contained in:
Dan Finlay 2016-07-07 11:50:01 -07:00
parent 21f17214be
commit 1e92e7e9d4
2 changed files with 42 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
ui/app/components/mini-account-panel.js
View File

@ -34,17 +34,7 @@ AccountPanel.prototype.render = function () {
display: 'flex',
alignItems: picOrder === 'left' ? 'flex-begin' : 'flex-end',
},
}, [
attrs.map((attr) => {
return h('span.font-small', {
key: `mini-${attr}`,
style: {
fontFamily: 'Montserrat Light, Montserrat, sans-serif',
},
}, attr)
}),
]),
}, this.props.children),
])
)
}

58
ui/app/components/pending-tx-details.js
View File

@ -36,8 +36,6 @@ PTXP.render = function () {
var maxCost = ((new BN(txValue, 16)).add(new BN(gasCost, 16))).toString(16)
var dataLength = txParams.data ? (txParams.data.length - 2) / 2 : 0
console.dir(identity)
console.dir({props})
return (
h('div', [
@ -48,15 +46,28 @@ PTXP.render = function () {
}, [
h(MiniAccountPanel, {
attrs: [
identity.name,
addressSummary(address, 6, 4, false),
formatBalance(balance),
],
imageSeed: address,
imageifyIdenticons: props.imageifyIdenticons,
picOrder: 'right',
}),
}, [
h('span.font-small', {
style: {
fontFamily: 'Montserrat Light, Montserrat, sans-serif',
},
}, identity.name),
h('span.font-small', {
style: {
fontFamily: 'Montserrat Light, Montserrat, sans-serif',
},
}, addressSummary(address, 6, 4, false)),
h('span.font-small', {
style: {
fontFamily: 'Montserrat Light, Montserrat, sans-serif',
},
}, formatBalance(balance)),
]),
h('img', {
src: 'images/forward-carrat.svg',
@ -132,22 +143,35 @@ PTXP.miniAccountPanelForRecipient = function () {
// If it's not a contract deploy, send to the account
if (!isContractDeploy) {
return h(MiniAccountPanel, {
attrs: [
nameForAddress(txParams.to),
addressSummary(txParams.to, 6, 4, false),
],
imageSeed: txParams.to,
imageifyIdenticons: props.imageifyIdenticons,
picOrder: 'left',
})
}, [
h('span.font-small', {
style: {
fontFamily: 'Montserrat Light, Montserrat, sans-serif',
},
}, nameForAddress(txParams.to)),
h('span.font-small', {
style: {
fontFamily: 'Montserrat Light, Montserrat, sans-serif',
},
}, addressSummary(txParams.to, 6, 4, false)),
])
} else {
return h(MiniAccountPanel, {
attrs: [
'New Contract',
],
imageifyIdenticons: props.imageifyIdenticons,
picOrder: 'left',
})
}, [
h('span.font-small', {
style: {
fontFamily: 'Montserrat Light, Montserrat, sans-serif',
},
}, 'New Contract'),
])
}
}