diff options
author | Dan Finlay <dan@danfinlay.com> | 2016-08-30 07:14:51 +0800 |
---|---|---|
committer | Dan Finlay <dan@danfinlay.com> | 2016-08-30 07:14:51 +0800 |
commit | e85418b11ad14bf6f0cc3fdbcdbb5669330c4778 (patch) | |
tree | df71d73fa1533cea8b36fb24db90e02a07766607 /ui/app/components/account-info-link.js | |
parent | 40d5b446cfbea436a012d1799d0d7710caca752c (diff) | |
parent | a9c738d4d3226f61942641a41c399c75a3e9eb3e (diff) | |
download | tangerine-wallet-browser-e85418b11ad14bf6f0cc3fdbcdbb5669330c4778.tar.gz tangerine-wallet-browser-e85418b11ad14bf6f0cc3fdbcdbb5669330c4778.tar.zst tangerine-wallet-browser-e85418b11ad14bf6f0cc3fdbcdbb5669330c4778.zip |
Merge branch 'master' into EdgeCompatibility
Diffstat (limited to 'ui/app/components/account-info-link.js')
-rw-r--r-- | ui/app/components/account-info-link.js | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/ui/app/components/account-info-link.js b/ui/app/components/account-info-link.js new file mode 100644 index 000000000..4fe3b8b5d --- /dev/null +++ b/ui/app/components/account-info-link.js @@ -0,0 +1,42 @@ +const Component = require('react').Component +const h = require('react-hyperscript') +const inherits = require('util').inherits +const Tooltip = require('./tooltip') +const genAccountLink = require('../../lib/account-link') +const extension = require('../../../app/scripts/lib/extension') + +module.exports = AccountInfoLink + +inherits(AccountInfoLink, Component) +function AccountInfoLink () { + Component.call(this) +} + +AccountInfoLink.prototype.render = function () { + const { selected, network } = this.props + const title = 'View account on etherscan' + const url = genAccountLink(selected, network) + + if (!url) { + return null + } + + return h('.account-info-link', { + style: { + display: 'flex', + alignItems: 'center', + }, + }, [ + + h(Tooltip, { + title, + }, [ + h('i.fa.fa-info-circle.cursor-pointer.color-orange', { + style: { + margin: '5px', + }, + onClick () { extension.tabs.create({ url }) }, + }), + ]), + ]) +} |