From e54b73679ce3db60b763b92cc70c2abf6c83f6db Mon Sep 17 00:00:00 2001
From: Kevin Serrano <kevgagser@gmail.com>
Date: Mon, 20 Feb 2017 14:58:24 -0800
Subject: Notices must be scrolled down to proceed from.

---
 ui/app/components/notice.js | 9 +++++++++
 1 file changed, 9 insertions(+)

(limited to 'ui')

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',
-- 
cgit