mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-23 18:41:38 +01:00
2dd7bd6bd0
- When unlocking, the first account is now selected by default and displayed as the main view. - There is now a "CHANGE ACCT" button on the detail view to show the accounts list. - Clicking an account from the accounts list now navigates to the detail view and selects that account. - Config/Info screen "back" buttons now fire a new action, `GO_HOME`, which is configured to navigate to the accountDetail view, putting that logic in one place. - When locking and unlocking again, the first account is always displayed, eventually we should persist the selection.
91 lines
2.3 KiB
JavaScript
91 lines
2.3 KiB
JavaScript
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() {
|
|
var state = this.props
|
|
var rpc = state.rpc
|
|
|
|
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',
|
|
}
|
|
}, [
|
|
|
|
h('div', [
|
|
h('a', {
|
|
href: 'https://consensys.slack.com/archives/team-metamask',
|
|
target: '_blank',
|
|
onClick(event) { this.navigateTo(event.target.href) },
|
|
}, 'Join the conversation on Slack'),
|
|
]),
|
|
|
|
h('div', [
|
|
h('a', {
|
|
href: 'https://metamask.io/',
|
|
target: '_blank',
|
|
onClick(event) { this.navigateTo(event.target.href) },
|
|
}, 'Visit our web site'),
|
|
]),
|
|
|
|
h('div', [
|
|
h('a', {
|
|
href: 'https://twitter.com/metamask_io',
|
|
target: '_blank',
|
|
onClick(event) { this.navigateTo(event.target.href) },
|
|
}, 'Follow us on Twitter'),
|
|
]),
|
|
|
|
h('div', [
|
|
h('a', {
|
|
href: 'mailto:hello@metamask.io?subject=Feedback',
|
|
target: '_blank',
|
|
}, 'Email us any questions or comments!'),
|
|
]),
|
|
|
|
h('div', [
|
|
h('a', {
|
|
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 });
|
|
}
|