diff options
author | kumavis <kumavis@users.noreply.github.com> | 2018-03-14 01:53:21 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-03-14 01:53:21 +0800 |
commit | 6a17a0cdf1bb3a13b5354606f1cfdac40659689a (patch) | |
tree | 3d6a214b845790c96e2c98e6c140ed6724d261e4 /ui/app/welcome-screen.js | |
parent | 1fa5cec2ec784ace2dd8d1afab6c0d8cc195feb5 (diff) | |
parent | 572234e383f944eb2be28c4192f209c3972747b7 (diff) | |
download | tangerine-wallet-browser-6a17a0cdf1bb3a13b5354606f1cfdac40659689a.tar.gz tangerine-wallet-browser-6a17a0cdf1bb3a13b5354606f1cfdac40659689a.tar.zst tangerine-wallet-browser-6a17a0cdf1bb3a13b5354606f1cfdac40659689a.zip |
Merge pull request #3468 from danjm/i3033-responsive-newui-onboarding
Make new-ui create password screen responsive.
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) |