From 91c890041c685db8ff7f7ac87009225fa31b3042 Mon Sep 17 00:00:00 2001
From: Dan <danjm.com@gmail.com>
Date: Thu, 8 Mar 2018 14:01:21 -0330
Subject: Add welcome screen to new-ui browser first time flow.

---
 ui/app/welcome-screen.js | 57 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 57 insertions(+)
 create mode 100644 ui/app/welcome-screen.js

(limited to 'ui/app/welcome-screen.js')

diff --git a/ui/app/welcome-screen.js b/ui/app/welcome-screen.js
new file mode 100644
index 000000000..0c1aced8c
--- /dev/null
+++ b/ui/app/welcome-screen.js
@@ -0,0 +1,57 @@
+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 () {
+    super()
+    this.animationEventEmitter = new EventEmitter()
+  }
+
+  initiateAccountCreation = () => {
+    this.props.closeWelcomeScreen()
+  }
+
+  render () {
+    // t
+    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)
-- 
cgit v1.2.3


From 0dad6db9736f2b90000c489b0b452c8d2fa02bb3 Mon Sep 17 00:00:00 2001
From: Dan <danjm.com@gmail.com>
Date: Mon, 12 Mar 2018 14:29:26 -0230
Subject: Styling fixes to welcome; hide network component on create password;
 shown welcoem in popup.

---
 ui/app/welcome-screen.js | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

(limited to 'ui/app/welcome-screen.js')

diff --git a/ui/app/welcome-screen.js b/ui/app/welcome-screen.js
index 0c1aced8c..cdbb6dba8 100644
--- a/ui/app/welcome-screen.js
+++ b/ui/app/welcome-screen.js
@@ -11,8 +11,8 @@ class WelcomeScreen extends Component {
     closeWelcomeScreen: PropTypes.func.isRequired,
   }
 
-  constructor () {
-    super()
+  constructor(props) {
+    super(props)
     this.animationEventEmitter = new EventEmitter()
   }
 
@@ -21,7 +21,6 @@ class WelcomeScreen extends Component {
   }
 
   render () {
-    // t
     return h('div.welcome-screen', [
 
         h('div.welcome-screen__info', [
@@ -32,7 +31,7 @@ class WelcomeScreen extends Component {
             height: '225',
           }),
 
-          h('div.welcome-screen__info__header', 'Welcome to MetaMask Beta.'),
+          h('div.welcome-screen__info__header', 'Welcome to MetaMask Beta'),
 
           h('div.welcome-screen__info__copy', 'MetaMask is a secure identity vault for Ethereum.'),
 
-- 
cgit v1.2.3