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/unlock.js | |
parent | b45ea44aa5eb35c5092d78bc888e884af70db7cb (diff) | |
parent | 6a17a0cdf1bb3a13b5354606f1cfdac40659689a (diff) | |
download | tangerine-wallet-browser-1d2cb46eff10023056a36f815e70ae2aec5a7a7d.tar tangerine-wallet-browser-1d2cb46eff10023056a36f815e70ae2aec5a7a7d.tar.gz tangerine-wallet-browser-1d2cb46eff10023056a36f815e70ae2aec5a7a7d.tar.bz2 tangerine-wallet-browser-1d2cb46eff10023056a36f815e70ae2aec5a7a7d.tar.lz tangerine-wallet-browser-1d2cb46eff10023056a36f815e70ae2aec5a7a7d.tar.xz tangerine-wallet-browser-1d2cb46eff10023056a36f815e70ae2aec5a7a7d.tar.zst tangerine-wallet-browser-1d2cb46eff10023056a36f815e70ae2aec5a7a7d.zip |
Merge branch 'master' into i18n
Diffstat (limited to 'ui/app/unlock.js')
-rw-r--r-- | ui/app/unlock.js | 143 |
1 files changed, 66 insertions, 77 deletions
diff --git a/ui/app/unlock.js b/ui/app/unlock.js index 185b0b527..bbaf55f21 100644 --- a/ui/app/unlock.js +++ b/ui/app/unlock.js @@ -29,83 +29,72 @@ UnlockScreen.prototype.render = function () { const state = this.props const warning = state.warning return ( - h('.flex-column', { - style: { - width: 'inherit', - }, - }, [ - h('.unlock-screen.flex-column.flex-center.flex-grow', [ - - h(Mascot, { - animationEventEmitter: this.animationEventEmitter, - }), - - h('h1', { - style: { - fontSize: '1.4em', - textTransform: 'uppercase', - color: '#7F8082', - }, - }, t('appName')), - - h('input.large-input', { - type: 'password', - id: 'password-box', - placeholder: 'enter password', - style: { - background: 'white', - }, - onKeyPress: this.onKeyPress.bind(this), - onInput: this.inputChanged.bind(this), - }), - - h('.error', { - style: { - display: warning ? 'block' : 'none', - padding: '0 20px', - textAlign: 'center', - }, - }, warning), - - h('button.primary.cursor-pointer', { - onClick: this.onSubmit.bind(this), - style: { - margin: 10, - }, - }, 'Log In'), - ]), - - h('.flex-row.flex-center.flex-grow', [ - h('p.pointer', { - onClick: () => { - this.props.dispatch(actions.markPasswordForgotten()) - if (environmentType() === 'popup') { - global.platform.openExtensionInBrowser() - } - }, - style: { - fontSize: '0.8em', - color: 'rgb(247, 134, 28)', - textDecoration: 'underline', - }, - }, 'Restore from seed phrase'), - ]), - - h('.flex-row.flex-center.flex-grow', [ - h('p.pointer', { - onClick: () => { - this.props.dispatch(actions.setFeatureFlag('betaUI', false, 'OLD_UI_NOTIFICATION_MODAL')) - .then(() => this.props.dispatch(actions.setNetworkEndpoints(OLD_UI_NETWORK_TYPE))) - }, - style: { - fontSize: '0.8em', - color: '#aeaeae', - textDecoration: 'underline', - marginTop: '32px', - }, - }, 'Use classic interface'), - ]), - + h('.unlock-screen', [ + + h(Mascot, { + animationEventEmitter: this.animationEventEmitter, + }), + + h('h1', { + style: { + fontSize: '1.4em', + textTransform: 'uppercase', + color: '#7F8082', + }, + }, t('appName'), + + h('input.large-input', { + type: 'password', + id: 'password-box', + placeholder: 'enter password', + style: { + background: 'white', + }, + onKeyPress: this.onKeyPress.bind(this), + onInput: this.inputChanged.bind(this), + }), + + h('.error', { + style: { + display: warning ? 'block' : 'none', + padding: '0 20px', + textAlign: 'center', + }, + }, warning), + + h('button.primary.cursor-pointer', { + onClick: this.onSubmit.bind(this), + style: { + margin: 10, + }, + }, 'Log In'), + + h('p.pointer', { + onClick: () => { + this.props.dispatch(actions.markPasswordForgotten()) + if (environmentType() === 'popup') { + global.platform.openExtensionInBrowser() + } + }, + style: { + fontSize: '0.8em', + color: 'rgb(247, 134, 28)', + textDecoration: 'underline', + }, + }, 'Restore from seed phrase'), + + h('p.pointer', { + onClick: () => { + this.props.dispatch(actions.setFeatureFlag('betaUI', false, 'OLD_UI_NOTIFICATION_MODAL')) + .then(() => this.props.dispatch(actions.setNetworkEndpoints(OLD_UI_NETWORK_TYPE))) + }, + style: { + fontSize: '0.8em', + color: '#aeaeae', + textDecoration: 'underline', + marginTop: '32px', + }, + }, 'Use classic interface'), ]) ) } |