diff options
author | Thomas Huang <tmashuang@users.noreply.github.com> | 2018-03-14 02:00:52 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-03-14 02:00:52 +0800 |
commit | 1d2cb46eff10023056a36f815e70ae2aec5a7a7d (patch) | |
tree | 7ce94489dbd6c30e8f53ddf06dda1b898b95a583 /ui/app/welcome-screen.js | |
parent | b45ea44aa5eb35c5092d78bc888e884af70db7cb (diff) | |
parent | 6a17a0cdf1bb3a13b5354606f1cfdac40659689a (diff) | |
download | tangerine-wallet-browser-1d2cb46eff10023056a36f815e70ae2aec5a7a7d.tar.gz tangerine-wallet-browser-1d2cb46eff10023056a36f815e70ae2aec5a7a7d.tar.zst tangerine-wallet-browser-1d2cb46eff10023056a36f815e70ae2aec5a7a7d.zip |
Merge branch 'master' into i18n
Diffstat (limited to 'ui/app/welcome-screen.js')
-rw-r--r-- | ui/app/welcome-screen.js | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/ui/app/welcome-screen.js b/ui/app/welcome-screen.js new file mode 100644 index 000000000..cdbb6dba8 --- /dev/null +++ b/ui/app/welcome-screen.js @@ -0,0 +1,56 @@ +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' + +class WelcomeScreen extends Component { + static propTypes = { + closeWelcomeScreen: PropTypes.func.isRequired, + } + + constructor(props) { + super(props) + this.animationEventEmitter = new EventEmitter() + } + + initiateAccountCreation = () => { + this.props.closeWelcomeScreen() + } + + 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) |