From 5f942848aa4e803c08bc50c11c01ecc1a160999b Mon Sep 17 00:00:00 2001
From: Kevin Midboe <kevin.midboe@gmail.com>
Date: Sun, 14 Aug 2022 23:44:52 +0200
Subject: [PATCH] Only search when query has length

---
 src/components/torrent/TorrentSearchResults.vue | 3 ++-
 src/utils.ts                                    | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/torrent/TorrentSearchResults.vue b/src/components/torrent/TorrentSearchResults.vue
index 30f81db..2fad3c1 100644
--- a/src/components/torrent/TorrentSearchResults.vue
+++ b/src/components/torrent/TorrentSearchResults.vue
@@ -61,8 +61,9 @@
   }
 
   function fetchTorrents() {
-    loading.value = true;
+    if (!props.query?.length) return;
 
+    loading.value = true;
     searchTorrents(props.query)
       .then(torrentResponse => setTorrents(torrentResponse?.results))
       .then(() => updateResultCountDisplay())
diff --git a/src/utils.ts b/src/utils.ts
index 609cd33..212a2fd 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -82,9 +82,9 @@ export function humanMinutes(minutes) {
   return `${hours}h ${minutesLeft}m`;
 }
 
-export function getValueFromUrlQuery(queryParameter: string): string | null {
+export function getValueFromUrlQuery(queryParameter: string): string {
   const params = new URLSearchParams(window.location.search);
-  return params.get(queryParameter) || null;
+  return params.get(queryParameter) || "";
 }
 
 export function setUrlQueryParameter(parameter: string, value: string): void {