const inherits = require('util').inherits const Component = require('react').Component const h = require('react-hyperscript') const connect = require('react-redux').connect const actions = require('./actions') module.exports = connect(mapStateToProps)(InfoScreen) function mapStateToProps (state) { return {} } inherits(InfoScreen, Component) function InfoScreen () { Component.call(this) } InfoScreen.prototype.render = function () { const state = this.props const version = global.platform.getVersion() return ( h('.flex-column.flex-grow', [ // subtitle and nav h('.section-title.flex-row.flex-center', [ h('i.fa.fa-arrow-left.fa-lg.cursor-pointer', { onClick: (event) => { state.dispatch(actions.goHome()) }, }), h('h2.page-subtitle', 'Info'), ]), // main view h('.flex-column.flex-justify-center.flex-grow.select-none', [ h('.flex-space-around', { style: { padding: '20px', }, }, [ // current version number h('.info.info-gray', [ h('div', 'Metamask'), h('div', { style: { marginBottom: '10px', }, }, `Version: ${version}`), ]), h('div', { style: { marginBottom: '5px', }}, [ h('div', [ h('a', { href: 'https://metamask.io/privacy.html', target: '_blank', onClick (event) { this.navigateTo(event.target.href) }, }, [ h('div.info', 'Privacy Policy'), ]), ]), h('div', [ h('a', { href: 'https://metamask.io/terms.html', target: '_blank', onClick (event) { this.navigateTo(event.target.href) }, }, [ h('div.info', 'Terms of Use'), ]), ]), h('div', [ h('a', { href: 'https://metamask.io/attributions.html', target: '_blank', onClick (event) { this.navigateTo(event.target.href) }, }, [ h('div.info', 'Attributions'), ]), ]), ] ), h('hr', { style: { margin: '10px 0 ', width: '7em', }, }), h('div', { style: { paddingLeft: '30px', }}, [ h('div.fa.fa-support', [ h('a.info', { href: 'http://metamask.consensyssupport.happyfox.com', target: '_blank', }, 'Visit our Support Center'), ]), h('div.fa.fa-github', [ h('a.info', { href: 'https://github.com/MetaMask/metamask-extension/issues/new', target: '_blank', }, 'Found a bug? Report it!'), ]), h('div', [ h('a', { href: 'https://metamask.io/', target: '_blank', }, [ h('img.icon-size', { src: 'images/icon-128.png', style: { // IE6-9 filter: 'grayscale(100%)', // Microsoft Edge and Firefox 35+ WebkitFilter: 'grayscale(100%)', }, }), h('div.info', 'Visit our web site'), ]), ]), h('div.fa.fa-slack', [ h('a.info', { href: 'http://slack.metamask.io', target: '_blank', }, 'Join the conversation on Slack'), ]), h('div.fa.fa-twitter', [ h('a.info', { href: 'https://twitter.com/metamask_io', target: '_blank', }, 'Follow us on Twitter'), ]), h('div.fa.fa-envelope', [ h('a.info', { target: '_blank', style: { width: '85vw' }, href: 'mailto:help@metamask.io?subject=Feedback', }, 'Email us!'), ]), ]), ]), ]), ]) ) } InfoScreen.prototype.navigateTo = function (url) { global.platform.openWindow({ url }) }