From 95702a2e53cdb73af2751eb2c68c55eb813f9274 Mon Sep 17 00:00:00 2001
From: Svilen Markov <7613769+svilenmarkov@users.noreply.github.com>
Date: Tue, 13 May 2025 20:35:34 +0100
Subject: [PATCH] Fix error when hide-desktop-navigation is true

---
 internal/glance/static/js/page.js   | 10 +++++++---
 internal/glance/templates/page.html | 14 +++++++-------
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/internal/glance/static/js/page.js b/internal/glance/static/js/page.js
index 03db8d8..e3a3a84 100644
--- a/internal/glance/static/js/page.js
+++ b/internal/glance/static/js/page.js
@@ -689,9 +689,13 @@ async function changeTheme(key, onChanged) {
 }
 
 function initThemeSwitcher() {
-    find(".mobile-navigation .theme-choices").replaceWith(
-        find(".header-container .theme-choices").cloneNode(true)
-    );
+    const themeChoicesInHeader = find(".header-container .theme-choices");
+
+    if (themeChoicesInHeader) {
+        themeChoicesInHeader.replaceWith(
+            find(".mobile-navigation .theme-choices").cloneNode(true)
+        );
+    }
 
     const presetElems = findAll(".theme-choices .theme-preset");
     let themePreviewElems = document.getElementsByClassName("current-theme-preview");
diff --git a/internal/glance/templates/page.html b/internal/glance/templates/page.html
index 4fb1b41..6e609da 100644
--- a/internal/glance/templates/page.html
+++ b/internal/glance/templates/page.html
@@ -38,12 +38,7 @@
                     {{ .Request.Theme.PreviewHTML }}
                 </div>
                 <div data-popover-html>
-                    <div class="theme-choices">
-                        {{ .App.Config.Theme.PreviewHTML }}
-                        {{ range $_, $preset := .App.Config.Theme.Presets.Items }}
-                        {{ $preset.PreviewHTML }}
-                        {{ end }}
-                    </div>
+                    <div class="theme-choices"></div>
                 </div>
             </div>
             {{- if .App.RequiresAuth }}
@@ -73,7 +68,12 @@
         <div class="mobile-navigation-actions flex flex-column margin-block-10">
             <div class="theme-picker flex justify-between items-center" data-popover-type="html" data-popover-position="above" data-popover-show-delay="0" data-popover-hide-delay="100" data-popover-anchor=".current-theme-preview" data-popover-trigger="click">
                 <div data-popover-html>
-                    <div class="theme-choices"></div>
+                    <div class="theme-choices">
+                        {{ .App.Config.Theme.PreviewHTML }}
+                        {{ range $_, $preset := .App.Config.Theme.Presets.Items }}
+                        {{ $preset.PreviewHTML }}
+                        {{ end }}
+                    </div>
                 </div>
 
                 <div class="size-h3 pointer-events-none select-none">Change theme</div>