Show amount of results filtered out

This commit is contained in:
Marco van Dijk 2022-03-11 16:32:01 +01:00
parent ca728452ce
commit 3ddf1f2339

View File

@ -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,7 +224,12 @@ const EventViewer = (obj) => {
let filterBit;
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="row" style={{ margin: 0, padding: 0 }}>
{searchTermText}
@ -284,6 +287,7 @@ const EventViewer = (obj) => {
</div>
</div>
</div>
</div>
}
return (