From 351d1e5523089340aaa02baa673b4b2c492c6f79 Mon Sep 17 00:00:00 2001
From: Stephan Kerkman <stephan@kerkman.io>
Date: Thu, 28 May 2026 11:24:20 +0200
Subject: [PATCH] feat: add loading spinner to species search button

Shows Bootstrap spinner via htmx-indicator during the Perenual API
call, and disables the button to prevent double-submits.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 plants/templates/plants/species_search.html | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/plants/templates/plants/species_search.html b/plants/templates/plants/species_search.html
index 26b8a8c..0e33bce 100644
--- a/plants/templates/plants/species_search.html
+++ b/plants/templates/plants/species_search.html
@@ -19,7 +19,12 @@
         hx-include="#species-q"
         hx-target="#species-results"
         hx-swap="innerHTML"
-    >Search</button>
+        hx-indicator="#search-spinner"
+        hx-disabled-elt="this"
+    >
+        <span id="search-spinner" class="htmx-indicator spinner-border spinner-border-sm me-1" role="status"></span>
+        Search
+    </button>
 </div>
 
 <div id="species-results" class="list-group mb-3"></div>