From 998cc2e47219f4cdb8abec2a9e6048f68a6804f9 Mon Sep 17 00:00:00 2001
From: zwitschi <zwitschi82@gmail.com>
Date: Wed, 29 Apr 2026 17:38:54 +0200
Subject: [PATCH] feat: adjust script block positioning and add TODO for
 implementing infinite scroll functionality

Co-authored-by: Copilot <copilot@github.com>
---
 frontend/app/templates/gallery.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/app/templates/gallery.html b/frontend/app/templates/gallery.html
index 5d4bcd1..aff17b5 100644
--- a/frontend/app/templates/gallery.html
+++ b/frontend/app/templates/gallery.html
@@ -192,8 +192,7 @@ content %}
   <div id="loading-indicator" class="flex justify-center py-8 hidden">
     <div class="spinner"></div>
   </div>
-
-  {% block scripts %}
+  {% endblock %} {% block scripts %}
   <script>
     document.addEventListener("DOMContentLoaded", function () {
       const galleryContainers = document.querySelectorAll(".grid[data-grid]");
@@ -219,7 +218,8 @@ content %}
         if (scrollPosition >= bottomThreshold) {
           isLoading = true;
           loadingIndicator.classList.remove("hidden");
-
+          // TODO: Implement actual fetching of next page of results and appending to the correct grid(s)
+          // For demo purposes, we'll just simulate a delay and then hide the loading indicator
           // Simulate API call for next page
           // In real implementation, replace with actual backend fetch
           setTimeout(() => {