diff --git a/src/eventViewer.js b/src/eventViewer.js index c6b24c6..1cd3c4e 100644 --- a/src/eventViewer.js +++ b/src/eventViewer.js @@ -30,7 +30,8 @@ const EventViewer = (obj) => { console.log("Rendering EventViewer"); let unfiltered = 0; let prevBlock = 0; - let limitShown = obj.events.length; + let limitShown = obj.events.length + obj.tickets.length; + let hasLimited = false; let filterActivatedColour; filterActivatedColour = filterActivated ? activationColour : greyColour; @@ -50,6 +51,9 @@ const EventViewer = (obj) => { unbondActivatedColour = unbondActivated ? unbondColour : greyColour; const updateOnScroll = () => { + if (!hasLimited) { + return; + } if (listInnerRef.current) { const { scrollTop, scrollHeight, clientHeight } = listInnerRef.current.container.current; if (scrollTop + clientHeight === scrollHeight) { @@ -95,6 +99,7 @@ const EventViewer = (obj) => { break; } if (unfiltered > obj.maxAmount) { + hasLimited = true; break; } // Filter by minimum value @@ -191,9 +196,32 @@ const EventViewer = (obj) => { setSearchTerm={obj.setSearchTerm} />); } + } else { + hasLimited = true; } } + let showMoreButton; + if (!hasLimited) { + showMoreButton = +
+
+

+ ☑️ Reached end of results +

+
+
+ } else { + showMoreButton = +
+
+

+ 🔄 Scroll to bottom for more +

+
+
+ } + let filterBit; if (obj.showFilter) { filterBit =
@@ -267,13 +295,7 @@ const EventViewer = (obj) => {
{eventList} -
-
-

- 🔄 Scroll to bottom for more -

-
-
+ {showMoreButton}