From c6c3e8549dcd0b16d3c804bd24b2dfb03f265960 Mon Sep 17 00:00:00 2001
From: mkelvers <mikkelelvers@outlook.com>
Date: Mon, 20 Apr 2026 16:03:52 +0200
Subject: [PATCH] feat(components): extract anime pending state component

---
 web/components/anime/pending.templ | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 web/components/anime/pending.templ

diff --git a/web/components/anime/pending.templ b/web/components/anime/pending.templ
new file mode 100644
index 0000000..2d8d470
--- /dev/null
+++ b/web/components/anime/pending.templ
@@ -0,0 +1,25 @@
+package anime
+
+import (
+	"fmt"
+	"mal/web/templates"
+)
+
+templ Pending(id int) {
+	@templates.Layout("mal - anime pending", true) {
+		<div class="grid items-start gap-5 xl:grid-cols-[minmax(0,1fr)_300px]">
+			<div class="grid min-w-0 gap-8">
+				<section>
+					<h1>Anime data is being fetched</h1>
+					<p class="text-sm text-(--text-muted)">We could not load this anime right now. A background worker is retrying data fetch for anime #{ fmt.Sprintf("%d", id) }.</p>
+					<p class="text-sm text-(--text-muted)">Refresh this page in a few seconds.</p>
+				</section>
+			</div>
+		</div>
+		<script>
+			setTimeout(function() {
+				window.location.reload()
+			}, 10000)
+		</script>
+	}
+}