From 6d98314ffec2c93b4151bc97132b9f10bfce4a4c Mon Sep 17 00:00:00 2001
From: Sean1572 <sean.hyatt.perry@gmail.com>
Date: Wed, 8 Sep 2021 14:51:56 -0700
Subject: [PATCH 1/2] Update data.js

---
 audino/frontend/src/pages/data.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/audino/frontend/src/pages/data.js b/audino/frontend/src/pages/data.js
index 0b64506a..909916a1 100644
--- a/audino/frontend/src/pages/data.js
+++ b/audino/frontend/src/pages/data.js
@@ -2,7 +2,7 @@ import axios from 'axios';
 import React from 'react';
 import { Helmet } from 'react-helmet';
 import { withRouter } from 'react-router-dom';
-
+import { Button } from '../components/button';
 import Loader from '../components/loader';
 
 const datas = [];
@@ -200,7 +200,13 @@ class Data extends React.Component {
                   }}
                 >
                   {nextPage ? (
-                    <Loader />
+                   <Button
+                   type="primary"
+                   text="load more data"
+                   onClick={() => {
+                    this.getData(true);
+                   }}
+                 />
                   ) : (
                     <text>
                       <b>End Of Data</b>

From c55742f6f47ccde730f12fec4adaea7f88100dd4 Mon Sep 17 00:00:00 2001
From: Sean1572 <sean.hyatt.perry@gmail.com>
Date: Wed, 8 Sep 2021 14:55:19 -0700
Subject: [PATCH 2/2] Changed from button to just decrease requirement for more
 data

---
 audino/frontend/src/pages/data.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/audino/frontend/src/pages/data.js b/audino/frontend/src/pages/data.js
index 909916a1..1611c8cc 100644
--- a/audino/frontend/src/pages/data.js
+++ b/audino/frontend/src/pages/data.js
@@ -102,7 +102,7 @@ class Data extends React.Component {
   isBottom() {
     // https://stackoverflow.com/questions/3898130/check-if-a-user-has-scrolled-to-the-bottom/3898152
     const element = document.body;
-    return element.scrollHeight - element.scrollTop === element.clientHeight;
+    return element.scrollHeight - element.scrollTop > element.clientHeight * 0.8;
   }
 
   prepareUrl(projectId, page, active) {
@@ -200,13 +200,14 @@ class Data extends React.Component {
                   }}
                 >
                   {nextPage ? (
-                   <Button
+                   /*<Button
                    type="primary"
                    text="load more data"
                    onClick={() => {
                     this.getData(true);
                    }}
-                 />
+                 />*/
+                   <Loader/>
                   ) : (
                     <text>
                       <b>End Of Data</b>