diff --git a/src/eventViewer.js b/src/eventViewer.js index 0651a8f..64c8a30 100644 --- a/src/eventViewer.js +++ b/src/eventViewer.js @@ -29,6 +29,7 @@ const EventViewer = (obj) => { const [unbondActivated, setUnbondActivated] = useState(true); console.log("Rendering EventViewer"); let unfiltered = 0; + let filtered = 0; let prevBlock = 0; let limitShown = obj.events.length + obj.tickets.length; let hasLimited = false; @@ -98,10 +99,6 @@ const EventViewer = (obj) => { console.log("error, breaky breaky"); break; } - if (unfiltered > obj.maxAmount) { - hasLimited = true; - break; - } // Filter by minimum value if (obj.amountFilter !== "") { if (parseFloat(obj.amountFilter) > thisEvent.eventValue) { @@ -196,8 +193,9 @@ const EventViewer = (obj) => { setSearchTerm={obj.setSearchTerm} />); } - } else { - hasLimited = true; + } + else { + filtered++; } } @@ -226,64 +224,70 @@ const EventViewer = (obj) => { let filterBit; if (obj.showFilter) { - filterBit =
-
-
- {searchTermText} + filterBit = +
+
+ Showing {filtered + unfiltered} out of {limitShown} results
-
-
- +
+
+
+ {searchTermText} +
+
+
+ +
+ obj.setSearchTerm(evt.target.value)} + placeholder='Filter by Orchestrator address' + type="text" + /> +
- obj.setSearchTerm(evt.target.value)} - placeholder='Filter by Orchestrator address' - type="text" - /> -
-
-
-
-

{parseFloat(obj.amountFilter) > 0 ? ("Only showing higher than " + obj.amountFilter) : "Filter by minimum value"}

-
-
-
- -
- obj.setAmountFilter(evt.target.value)} - placeholder='Filter by minimum value' - type="number" - /> -
- -
-
- +
+
+

{parseFloat(obj.amountFilter) > 0 ? ("Only showing higher than " + obj.amountFilter) : "Filter by minimum value"}

+
+
+
+ +
+ obj.setAmountFilter(evt.target.value)} + placeholder='Filter by minimum value' + type="number" + /> +
+ +
+
+ +
+
-
} return (