From c881da244b42fbd09e0160adb1e491e6805e76c7 Mon Sep 17 00:00:00 2001
From: Ross <xkjq@ymail.com>
Date: Mon, 26 Jan 2026 10:47:59 +0000
Subject: [PATCH] Refactor collections button to use HTMX for dynamic loading
 of user collections

---
 atlas/templates/atlas/index.html | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/atlas/templates/atlas/index.html b/atlas/templates/atlas/index.html
index ee9f269b..be43b9bd 100644
--- a/atlas/templates/atlas/index.html
+++ b/atlas/templates/atlas/index.html
@@ -14,7 +14,13 @@
                     <div class="card-body">
                         <h5 class="card-title">Collections</h5>
                         <p class="card-text">Quick access to collections you can view or take.</p>
-                        <a href="{% url 'atlas:user_collections' %}" class="btn btn-primary">Collections to view / take</a>
+                        <button class="btn btn-primary"
+                                hx-get="{% url 'atlas:user_collections' %}"
+                                hx-target="#user-collections-placeholder"
+                                hx-swap="innerHTML">
+                            Collections to view / take
+                        </button>
+                        <div id="user-collections-placeholder" class="mt-3"></div>
                     </div>
                 </div>
 
@@ -29,14 +35,7 @@
                         </p>
                     </div>
                 </div>
-                <!-- HTMX-loaded user collections (loads on page load) -->
-                <div id="user-collections-placeholder"
-                     hx-get="{% url 'atlas:user_collections' %}"
-                     hx-trigger="load"
-                     hx-swap="innerHTML"
-                     class="mt-3">
-                    <div class="text-muted">Loading your collections…</div>
-                </div>
+                <!-- user collections will load into the Collections card when requested -->
             </div>
 
             <div class="col-12 col-md-4">