From 85469eabf74d5125b9ac84b1c1b1e53b95749256 Mon Sep 17 00:00:00 2001
From: Bauke <me@bauke.xyz>
Date: Sat, 5 Feb 2022 14:16:58 +0100
Subject: [PATCH] Add an explicit search limit.

---
 source/ts/components/search-bar.ts | 11 ++++++++---
 source/ts/utilities/search.ts      |  4 +++-
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/source/ts/components/search-bar.ts b/source/ts/components/search-bar.ts
index af2bde0..ecec168 100644
--- a/source/ts/components/search-bar.ts
+++ b/source/ts/components/search-bar.ts
@@ -1,7 +1,10 @@
 import {Component, html} from 'htm/preact';
 
 import debounce from '../utilities/debounce.js';
-import searchReleases, {SearchResult} from '../utilities/search.js';
+import searchReleases, {
+  searchLimit,
+  SearchResult,
+} from '../utilities/search.js';
 
 type Props = Record<string, unknown>;
 
@@ -97,11 +100,13 @@ export default class SearchBar extends Component<Props, State> {
     }
 
     const resultAmount = this.state.searchResults.length;
-    if (resultAmount > 0 && resultAmount % 25 === 0) {
+    if (resultAmount > 0 && resultAmount % searchLimit === 0) {
       results.push(
         html`
           <li class="search-state">
-            <button class="load-more" onClick=${this.searchMore}>Load more…</button>
+            <button class="load-more" onClick=${this.searchMore}>
+              Load more…
+            </button>
           </li>
         `,
       );
diff --git a/source/ts/utilities/search.ts b/source/ts/utilities/search.ts
index 7468488..607f3dd 100644
--- a/source/ts/utilities/search.ts
+++ b/source/ts/utilities/search.ts
@@ -17,12 +17,14 @@ export type SearchResult = {
   title: string;
 };
 
+export const searchLimit = 25;
+
 export default async function searchReleases(
   query: string,
   offset?: number,
 ): Promise<SearchResult[]> {
   query = encodeURIComponent(query);
-  let url = `https://musicbrainz.org/ws/2/release?query=${query}`;
+  let url = `https://musicbrainz.org/ws/2/release?query=${query}&limit=${searchLimit}`;
   if (offset !== undefined) {
     url += `&offset=${offset}`;
   }