Efficiency improvements

package.json

@@ -1,6 +1,6 @@
 {
   "name": "parandum",
-  "version": "2.3.2",
+  "version": "2.3.3",
   "private": true,
   "dependencies": {
     "@babel/core": "^7.16.0",

src/Home.js

@@ -46,7 +46,15 @@ export default function Home(props) {
 					<br/>
 					<div className="whats-new">
 						<h2>What's New?</h2>
-						<Collapsible open={true} transitionTime={500} easing="ease" trigger={<>v2.3.2<ArrowDropDownRoundedIcon /></>}>
+						<Collapsible open={true} transitionTime={500} easing="ease" trigger={<>v2.3.3<ArrowDropDownRoundedIcon /></>}>
+							<ul>
+								<li>Bug fixes:</li>
+								<ul>
+									<li>On the search page, all sets are shown instead of only the last 50 showing and previous ones being overwritten</li>
+								</ul>
+							</ul>
+						</Collapsible>
+						<Collapsible transitionTime={500} easing="ease" trigger={<>v2.3.2<ArrowDropDownRoundedIcon /></>}>
 							<ul>
 								<li>Bug fixes:</li>
 								<ul>

src/SearchSets.js

@@ -102,7 +102,7 @@ export default withRouter(class SearchSets extends Component {
 					sets: reload ? querySnapshot.docs : this.state.sets.concat(querySnapshot.docs),
 					selections: selections,
 					pageNumber: this.state.pageNumber + 1,
-					loadedAllSets: querySnapshot.docs.length === 0,
+					loadedAllSets: querySnapshot.docs.length < paginationFrequency,
 					loadingSets: false,
 				});
 			});
@@ -334,7 +334,7 @@ export default withRouter(class SearchSets extends Component {
 						)}
 					</div>
 					{
-						!this.state.loadedAllSets && this.state.sets.length % paginationFrequency === 0 &&
+						!this.state.loadedAllSets &&
 						<Button
 							onClick={() => this.loadSets()}
 							disabled={this.state.loadingSets}