stronk/LivepeerEvents
1
0
Fork 0
mirror of https://github.com/stronk-dev/LivepeerEvents.git synced 2025-07-05 10:45:10 +02:00
Code Issues Packages Projects Releases Wiki Activity

Show amount of results filtered out

Browse Source
This commit is contained in:
Marco van Dijk 2022-03-11 16:32:01 +01:00
parent ca728452ce
commit 3ddf1f2339
1 changed files with 63 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/eventViewer.js
View File

@ -29,6 +29,7 @@ const EventViewer = (obj) => {
const [unbondActivated, setUnbondActivated] = useState(true); const [unbondActivated, setUnbondActivated] = useState(true);
console.log("Rendering EventViewer"); console.log("Rendering EventViewer");
let unfiltered = 0; let unfiltered = 0;
let filtered = 0;
let prevBlock = 0; let prevBlock = 0;
let limitShown = obj.events.length + obj.tickets.length; let limitShown = obj.events.length + obj.tickets.length;
let hasLimited = false; let hasLimited = false;
@ -98,10 +99,6 @@ const EventViewer = (obj) => {
console.log("error, breaky breaky"); console.log("error, breaky breaky");
break; break;
} }
if (unfiltered > obj.maxAmount) {
hasLimited = true;
break;
}
// Filter by minimum value // Filter by minimum value
if (obj.amountFilter !== "") { if (obj.amountFilter !== "") {
if (parseFloat(obj.amountFilter) > thisEvent.eventValue) { if (parseFloat(obj.amountFilter) > thisEvent.eventValue) {
@ -196,8 +193,9 @@ const EventViewer = (obj) => {
setSearchTerm={obj.setSearchTerm} setSearchTerm={obj.setSearchTerm}
/>); />);
} }
} else { }
hasLimited = true; else {
filtered++;
} }
} }
@ -226,7 +224,12 @@ const EventViewer = (obj) => {
let filterBit; let filterBit;
if (obj.showFilter) { if (obj.showFilter) {
filterBit = <div className="flexContainer roundedOpaque" style={{ borderTopLeftRadius: 0, borderTopRightRadius: 0, borderBottomLeftRadius: 0, margin: 0, width: '100%' }}> filterBit =
<div className="strokeSmollLeft roundedOpaque" style={{ borderTopLeftRadius: 0, borderTopRightRadius: 0, borderBottomLeftRadius: 0, margin: 0, width: '100%' }}>
<div className="row">
<span>Showing {filtered + unfiltered} out of {limitShown} results</span>
</div>
<div className="flexContainer" style={{margin: 0, width: '100%'}}>
<div className="strokeSmollLeft" style={{ margin: 0, padding: 0, flex: 2 }}> <div className="strokeSmollLeft" style={{ margin: 0, padding: 0, flex: 2 }}>
<div className="row" style={{ margin: 0, padding: 0 }}> <div className="row" style={{ margin: 0, padding: 0 }}>
{searchTermText} {searchTermText}
@ -284,6 +287,7 @@ const EventViewer = (obj) => {
</div> </div>
</div> </div>
</div> </div>
</div>
} }
return ( return (