mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
60 lines
1.5 KiB
JavaScript
60 lines
1.5 KiB
JavaScript
import EventEmitter from 'events'
|
|
import h from 'react-hyperscript'
|
|
import { Component } from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import {connect} from 'react-redux'
|
|
import {closeWelcomeScreen} from './actions'
|
|
import Mascot from './components/mascot'
|
|
import { INITIALIZE_ROUTE } from './routes'
|
|
|
|
class WelcomeScreen extends Component {
|
|
static propTypes = {
|
|
closeWelcomeScreen: PropTypes.func.isRequired,
|
|
history: PropTypes.object,
|
|
}
|
|
|
|
constructor (props) {
|
|
super(props)
|
|
this.animationEventEmitter = new EventEmitter()
|
|
}
|
|
|
|
initiateAccountCreation = () => {
|
|
this.props.closeWelcomeScreen()
|
|
this.props.history.push(INITIALIZE_ROUTE)
|
|
}
|
|
|
|
render () {
|
|
return h('div.welcome-screen', [
|
|
|
|
h('div.welcome-screen__info', [
|
|
|
|
h(Mascot, {
|
|
animationEventEmitter: this.animationEventEmitter,
|
|
width: '225',
|
|
height: '225',
|
|
}),
|
|
|
|
h('div.welcome-screen__info__header', 'Welcome to MetaMask Beta'),
|
|
|
|
h('div.welcome-screen__info__copy', 'MetaMask is a secure identity vault for Ethereum.'),
|
|
|
|
h('div.welcome-screen__info__copy', `It allows you to hold ether & tokens,
|
|
and serves as your bridge to decentralized applications.`),
|
|
|
|
h('button.welcome-screen__button', {
|
|
onClick: this.initiateAccountCreation,
|
|
}, 'Continue'),
|
|
|
|
]),
|
|
|
|
])
|
|
}
|
|
}
|
|
|
|
export default connect(
|
|
null,
|
|
dispatch => ({
|
|
closeWelcomeScreen: () => dispatch(closeWelcomeScreen()),
|
|
})
|
|
)(WelcomeScreen)
|