You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
157 lines
4.6 KiB
157 lines
4.6 KiB
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-github', [
|
|
h('a.info', {
|
|
href: 'https://github.com/MetaMask/faq',
|
|
target: '_blank',
|
|
onClick (event) { this.navigateTo(event.target.href) },
|
|
}, 'Need Help? Read our FAQ!'),
|
|
]),
|
|
h('div', [
|
|
h('a', {
|
|
href: 'https://metamask.io/',
|
|
target: '_blank',
|
|
onClick (event) { this.navigateTo(event.target.href) },
|
|
}, [
|
|
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',
|
|
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', {
|
|
target: '_blank',
|
|
style: { width: '85vw' },
|
|
onClick () { this.navigateTo('mailto:help@metamask.io?subject=Feedback') },
|
|
}, 'Email us!'),
|
|
]),
|
|
]),
|
|
]),
|
|
]),
|
|
])
|
|
)
|
|
}
|
|
|
|
InfoScreen.prototype.navigateTo = function (url) {
|
|
global.platform.openWindow({ url })
|
|
}
|
|
|