From b5dc42b6545487a96696765c46c86918f34d41be Mon Sep 17 00:00:00 2001
From: Sebastian <zarnor91@gmail.com>
Date: Wed, 7 Oct 2026 16:46:31 +0200
Subject: [PATCH] Load every soundtrack when the search page opens

---
 cmd/web/search.templ | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/cmd/web/search.templ b/cmd/web/search.templ
index 9960039..34dd3be 100644
--- a/cmd/web/search.templ
+++ b/cmd/web/search.templ
@@ -3,14 +3,12 @@ package web
 templ SearchForm() {
 	@Base() {
 		<button id="dark-mode-toggle">🌙</button>
-		<input id="search_term" name="search_term" type="text" hx-post="/find" hx-trigger="keyup changed delay:0.25s" hx-target="#soundtracks-container"/>
+		<input id="search_term" name="search_term" type="text" hx-post="/find" hx-trigger="load, keyup changed delay:0.25s" hx-target="#soundtracks-container"/>
 		<button type="button" id="clear" name="clear">Clear</button>
 		<div id="soundtracks-container"></div>
 		<script>
 			document.addEventListener('readystatechange', () => {    
 				if (document.readyState == 'complete') {
-					// Initialize search
-					htmlx.ajax('POST', '/find', '#soundtracks-container');
 					document.getElementById("search_term").focus();
 					
 					// Initialize theme from localStorage (default to dark)
@@ -35,7 +33,7 @@ templ SearchForm() {
 			
 			document.getElementById("clear").addEventListener("click", function (event) {
 				document.getElementById("search_term").value = "";
-				htmlx.ajax('POST', '/find', '#soundtracks-container');
+				htmx.ajax('POST', '/find', '#soundtracks-container');
 				document.getElementById("search_term").focus();
 			});
 		</script>