From f262e92e09dd4e6ef8c25fe54021030b0165a62c Mon Sep 17 00:00:00 2001
From: Araozu <fernando@araozu.dev>
Date: Fri, 1 Nov 2024 07:07:33 -0500
Subject: [PATCH] feat: hx-boost on album page search

---
 src/modules/album/album.templ | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/modules/album/album.templ b/src/modules/album/album.templ
index 8ecccc1..9fe0cab 100644
--- a/src/modules/album/album.templ
+++ b/src/modules/album/album.templ
@@ -15,14 +15,20 @@ templ allAlbumsTempl(albums []utils.Album) {
 				Albums
 			</h1>
 			<div class="px-2">
-				<input
-					class="inline-block w-full py-1 px-2 border border-sky-600 rounded-md text-sky-600"
-					placeholder="Search albums"
-					name="s"
-					hx-get="/album/"
-					hx-trigger="keyup changed delay:500ms"
+				<form
+					action="/album/"
+					method="GET"
+					hx-boost="true"
 					hx-target="#album-list"
-				/>
+					hx-trigger="keyup changed delay:500ms from:input, search"
+				>
+					<input
+						class="inline-block w-full py-1 px-2 border border-sky-600 rounded-md text-sky-600"
+						type="search"
+						placeholder="Search albums"
+						name="s"
+					/>
+				</form>
 			</div>
 			<br/>
 			<div id="album-list" class="grid grid-cols-3 gap-2 px-2">