From c0516b711851c8a311f1c7e5f76f85434f65fe2d Mon Sep 17 00:00:00 2001
From: mkelvers <mikkelelvers@outlook.com>
Date: Wed, 8 Apr 2026 18:15:33 +0200
Subject: [PATCH] ui: final sweep replacing loading indicators and ensuring
 anime.templ properly imports ui package

---
 internal/templates/anime.templ | 15 +++------------
 1 file changed, 3 insertions(+), 12 deletions(-)

diff --git a/internal/templates/anime.templ b/internal/templates/anime.templ
index 3484c43..944f709 100644
--- a/internal/templates/anime.templ
+++ b/internal/templates/anime.templ
@@ -1,6 +1,7 @@
 package templates
 
 import "mal/internal/jikan"
+import "mal/internal/shared/ui"
 import "fmt"
 import "strings"
 
@@ -51,23 +52,13 @@ templ AnimeDetails(anime jikan.Anime, currentStatus string) {
 				<section class="anime-relations">
 					<h3>Related</h3>
 					<div hx-get={ string(templ.URL(fmt.Sprintf("/api/anime/%d/relations", anime.MalID))) } hx-trigger="load">
-						<div class="loading-indicator">
-							<div class="loading-dot"></div>
-							<div class="loading-dot"></div>
-							<div class="loading-dot"></div>
-							<span>Loading relations</span>
-						</div>
+						@ui.LoadingIndicator("Loading relations")
 					</div>
 				</section>
 				<section class="anime-recommendations">
 					<h3>Recommendations</h3>
 					<div hx-get={ string(templ.URL(fmt.Sprintf("/api/anime/%d/recommendations", anime.MalID))) } hx-trigger="load">
-						<div class="loading-indicator">
-							<div class="loading-dot"></div>
-							<div class="loading-dot"></div>
-							<div class="loading-dot"></div>
-							<span>Loading recommendations</span>
-						</div>
+						@ui.LoadingIndicator("Loading recommendations")
 					</div>
 				</section>
 			</div>