diff options
Diffstat (limited to 'ui/app/info.js')
-rw-r--r-- | ui/app/info.js | 141 |
1 files changed, 69 insertions, 72 deletions
diff --git a/ui/app/info.js b/ui/app/info.js index b69e006d5..04b740069 100644 --- a/ui/app/info.js +++ b/ui/app/info.js @@ -6,19 +6,19 @@ const actions = require('./actions') module.exports = connect(mapStateToProps)(InfoScreen) -function mapStateToProps(state) { +function mapStateToProps (state) { return {} } inherits(InfoScreen, Component) -function InfoScreen() { +function InfoScreen () { Component.call(this) } -InfoScreen.prototype.render = function() { +InfoScreen.prototype.render = function () { var state = this.props var rpc = state.rpc - var manifest = chrome.runtime.getManifest(); + var manifest = chrome.runtime.getManifest() return ( h('.flex-column.flex-grow', [ @@ -27,7 +27,7 @@ InfoScreen.prototype.render = function() { h('i.fa.fa-arrow-left.fa-lg.cursor-pointer', { onClick: (event) => { state.dispatch(actions.goHome()) - } + }, }), h('h2.page-subtitle', 'Info'), ]), @@ -37,96 +37,93 @@ InfoScreen.prototype.render = function() { h('.flex-space-around', { style: { padding: '20px', - } + }, }, [ - //current version number + // current version number - h('.info.info-gray',[ - h('div','Metamask'), + h('.info.info-gray', [ + h('div', 'Metamask'), h('div', { style: { - marginBottom: '10px', - } - },`Version: ${manifest.version}`), + marginBottom: '10px', + }, + }, `Version: ${manifest.version}`), ]), - h('hr',{ + h('hr', { style: { - margin:'20px 0 ', + margin: '20px 0 ', width: '7em', - } + }, }), - - h('.info',{ - style: { - marginBottom: '20px', - }}, + h('.info', { + style: { + marginBottom: '20px', + }}, `For more information on MetaMask you can visit our web site. If you want to contact us with questions or just say 'Hi', you can find us on theise platforms:`), - h('div',{ + h('div', { style: { paddingLeft: '30px', }}, - [ - h('div', [ - h('a', { - href: 'https://metamask.io/', - target: '_blank', - onClick(event) { this.navigateTo(event.target.href) }, - },[ - h('img.icon-size', { - src: manifest.icons[128] - }), - h('div.info',{ - style: { - fontWeight: 800, - } - },'Visit our web site') - ]) - ]), - h('div.fa.fa-slack', [ - h('a.info', { - href: 'http://slack.metamask.io', - target: '_blank', - onClick(event) { this.navigateTo(event.target.href) }, - }, 'Join the conversation on Slack'), - ]), - - - h('div.fa.fa-twitter', [ - h('a.info', { - href: 'https://twitter.com/metamask_io', - target: '_blank', - onClick(event) { this.navigateTo(event.target.href) }, - }, 'Follow us on Twitter'), - ]), - - h('div.fa.fa-envelope', [ - h('a.info', { - href: 'mailto:hello@metamask.io?subject=Feedback', - target: '_blank', - }, 'Email us any questions or comments!'), + [ + h('div', [ + h('a', { + href: 'https://metamask.io/', + target: '_blank', + onClick (event) { this.navigateTo(event.target.href) }, + }, [ + h('img.icon-size', { + src: manifest.icons[128], + }), + h('div.info', { + style: { + fontWeight: 800, + }, + }, 'Visit our web site'), + ]), + ]), + h('div.fa.fa-slack', [ + h('a.info', { + href: 'http://slack.metamask.io', + target: '_blank', + onClick (event) { this.navigateTo(event.target.href) }, + }, 'Join the conversation on Slack'), + ]), + + h('div.fa.fa-twitter', [ + h('a.info', { + href: 'https://twitter.com/metamask_io', + target: '_blank', + onClick (event) { this.navigateTo(event.target.href) }, + }, 'Follow us on Twitter'), + ]), + + h('div.fa.fa-envelope', [ + h('a.info', { + href: 'mailto:hello@metamask.io?subject=Feedback', + target: '_blank', + }, 'Email us any questions or comments!'), + ]), + + h('div.fa.fa-github', [ + h('a.info', { + href: 'https://github.com/metamask/talk/issues', + target: '_blank', + onClick (event) { this.navigateTo(event.target.href) }, + }, 'Start a thread on Github'), + ]), ]), - - h('div.fa.fa-github', [ - h('a.info', { - href: 'https://github.com/metamask/talk/issues', - target: '_blank', - onClick(event) { this.navigateTo(event.target.href) }, - }, 'Start a thread on Github'), - ]), - ]), ]), ]), ]) ) - } -InfoScreen.prototype.navigateTo = function(url) { - chrome.tabs.create({ url }); +InfoScreen.prototype.navigateTo = function (url) { + chrome.tabs.create({ url }) } |