Update docs.html

docs.html

@@ -2063,6 +2063,50 @@
   </div>
 
   <script src="utils/xp-calculations.js"></script>
+  <script>
+async function loadUserTheme() {
+  const themeLoadingIndicator = document.getElementById('theme-loading');
+  if (themeLoadingIndicator) {
+    themeLoadingIndicator.style.display = 'block';
+  }
+
+  try {
+    // ✅ Figure out userId dynamically
+    let userId;
+    const initData = Telegram.WebApp.initDataUnsafe;
+    const startParam = initData.start_param;
+
+    if (startParam) {
+      userId = startParam; // viewing someone else
+    } else if (initData.user && initData.user.id) {
+      userId = initData.user.id; // current user
+    } else {
+      console.error("❌ Unable to fetch userId");
+      return;
+    }
+
+    // ✅ Use the dynamic userId in API call
+    const response = await fetch(`https://reaperxxxx-testldb.hf.space/user/${userId}/theme`);
+    const data = await response.json();
+
+    if (data.status && data.theme) {
+      console.log('[v0] Theme loaded from API:', data.theme);
+      changeTheme(data.theme);
+      return;
+    }
+  } catch (error) {
+    console.log('[v0] API theme fetch failed, using default:', error);
+    changeTheme('default');
+  } finally {
+    if (themeLoadingIndicator) {
+      themeLoadingIndicator.remove();
+    }
+  }
+}
+
+// ✅ Run after DOM is ready
+window.addEventListener('DOMContentLoaded', loadUserTheme);
+  </script>
   <script>
     // Sidebar toggle functionality
     const sidebarToggle = document.getElementById('sidebarToggle');
@@ -2161,38 +2205,7 @@
       }
     }
 
-    async function loadUserTheme(userId) {
-  const themeLoadingIndicator = document.getElementById('theme-loading');
-  if (themeLoadingIndicator) {
-    themeLoadingIndicator.style.display = 'block';
-  }
-
-  try {
-    // ✅ Use dynamic userId from Telegram
-    const response = await fetch(`https://reaperxxxx-testldb.hf.space/user/${userId}/theme`);
-    const data = await response.json();
-
-    if (data.status && data.theme) {
-      console.log('[v0] Theme loaded from API:', data.theme);
-      changeTheme(data.theme); // ✅ apply theme
-      return;
-    }
-  } catch (error) {
-    console.log('[v0] API theme fetch failed, using default:', error);
-    changeTheme('default'); // ✅ fallback theme
-  } finally {
-    // ✅ Always hide/remove loader
-    if (themeLoadingIndicator) {
-      themeLoadingIndicator.remove(); 
-    }
-  }
-}
-    window.addEventListener('DOMContentLoaded', () => {
-  if (userId) {
-    loadUserTheme(userId);
-  }
-});
-    
+        
     window.addEventListener('DOMContentLoaded', async () => {
       const savedTheme = localStorage.getItem('xselectedTheme') || 'default';
       changeTheme(savedTheme);