aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/components/notice.js
diff options
context:
space:
mode:
authorKevin Serrano <kevgagser@gmail.com>2017-02-21 06:58:24 +0800
committerKevin Serrano <kevgagser@gmail.com>2017-02-21 06:58:24 +0800
commite54b73679ce3db60b763b92cc70c2abf6c83f6db (patch)
tree02edd374361d662afdb93774da6706faa3a64855 /ui/app/components/notice.js
parentbf9d1f405fa3a2c5859291340b6f3ecdce47cac4 (diff)
downloadtangerine-wallet-browser-e54b73679ce3db60b763b92cc70c2abf6c83f6db.tar
tangerine-wallet-browser-e54b73679ce3db60b763b92cc70c2abf6c83f6db.tar.gz
tangerine-wallet-browser-e54b73679ce3db60b763b92cc70c2abf6c83f6db.tar.bz2
tangerine-wallet-browser-e54b73679ce3db60b763b92cc70c2abf6c83f6db.tar.lz
tangerine-wallet-browser-e54b73679ce3db60b763b92cc70c2abf6c83f6db.tar.xz
tangerine-wallet-browser-e54b73679ce3db60b763b92cc70c2abf6c83f6db.tar.zst
tangerine-wallet-browser-e54b73679ce3db60b763b92cc70c2abf6c83f6db.zip
Notices must be scrolled down to proceed from.
Diffstat (limited to 'ui/app/components/notice.js')
-rw-r--r--ui/app/components/notice.js9
1 files changed, 9 insertions, 0 deletions
diff --git a/ui/app/components/notice.js b/ui/app/components/notice.js
index 450fb7879..23ded9d5d 100644
--- a/ui/app/components/notice.js
+++ b/ui/app/components/notice.js
@@ -15,6 +15,8 @@ function Notice () {
Notice.prototype.render = function () {
const { notice, onConfirm } = this.props
const { title, date, body } = notice
+ const state = this.state || { disclaimerDisabled: true }
+ const disabled = state.disclaimerDisabled
return (
h('.flex-column.flex-center.flex-grow', [
@@ -74,6 +76,12 @@ Notice.prototype.render = function () {
`),
h('div.markdown', {
+ onScroll: (e) => {
+ var object = e.currentTarget
+ if (object.offsetHeight + object.scrollTop + 100 >= object.scrollHeight) {
+ this.setState({disclaimerDisabled: false})
+ }
+ },
style: {
background: 'rgb(235, 235, 235)',
height: '310px',
@@ -90,6 +98,7 @@ Notice.prototype.render = function () {
]),
h('button', {
+ disabled,
onClick: onConfirm,
style: {
marginTop: '18px',