From 0cae2b840d6318f03c4ec0901a19e175fdbf0007 Mon Sep 17 00:00:00 2001
From: Bryan Van Deusen <bryan.vandeusen@fabledsword.com>
Date: Wed, 22 Apr 2026 16:04:25 -0400
Subject: [PATCH] refactor(templates): _tag_cards.html and reader.html use
 tag_id

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 app/templates/_tag_cards.html | 2 +-
 app/templates/reader.html     | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/templates/_tag_cards.html b/app/templates/_tag_cards.html
index ca7ecda..8116009 100644
--- a/app/templates/_tag_cards.html
+++ b/app/templates/_tag_cards.html
@@ -1,7 +1,7 @@
 <!-- /app/templates/_tag_cards.html -->
 {% for tag in tag_data %}
   <div class="tag-card" data-tag-id="{{ tag.id }}" data-tag-name="{{ tag.tag }}" data-tag-kind="{{ tag.kind }}">
-    <a href="{{ url_for('main.gallery', tag=tag.tag) }}" class="tag-card-link">
+    <a href="{{ url_for('main.gallery', tag_id=tag.id) }}" class="tag-card-link">
       <div class="tag-preview">
         {% for image in tag.images %}
           <img class="tag-thumb"
diff --git a/app/templates/reader.html b/app/templates/reader.html
index 5ec6d04..540ffe5 100644
--- a/app/templates/reader.html
+++ b/app/templates/reader.html
@@ -8,7 +8,7 @@
   <!-- Reader Header -->
   <div class="reader-header">
     <div class="reader-header-left">
-      <a href="{{ url_for('main.gallery', tag=tag.name) }}" class="reader-back-btn" title="Back to gallery">
+      <a href="{{ url_for('main.gallery', tag_id=tag.id) }}" class="reader-back-btn" title="Back to gallery">
         <span class="back-arrow">&larr;</span>
       </a>
       <h1 class="reader-title">{{ series_name }}</h1>
@@ -63,7 +63,7 @@
         {% else %}
           <div class="reader-empty">
             <p>No pages in this series yet.</p>
-            <a href="{{ url_for('main.gallery', tag=tag.name) }}" class="btn primary-btn">
+            <a href="{{ url_for('main.gallery', tag_id=tag.id) }}" class="btn primary-btn">
               Go to gallery to add pages
             </a>
           </div>