Fix #6: Add missing DOM elements, fix null references

- Add violet-trial-badge span to index.html header
- Add null guard in updateVioletBadge() for safety
- Remove dead $('tab-ai-violet') reference (Violet tab is dynamic)
- Fix duplicate trialBadge declaration and restore hidden logic
This commit is contained in:
3nd3r 2026-04-12 12:55:20 -05:00
parent cdfbb666b9
commit 46ba1d7273
2 changed files with 3 additions and 1 deletions

View File

@ -87,6 +87,7 @@
</div> </div>
<div class="header-right"> <div class="header-right">
<span id="violet-trial-badge" class="violet-badge hidden"></span>
<span id="my-username-badge" class="my-badge"></span> <span id="my-username-badge" class="my-badge"></span>
<button id="logout-btn" class="btn-logout">Exit</button> <button id="logout-btn" class="btn-logout">Exit</button>
</div> </div>

View File

@ -367,6 +367,7 @@ socket.on("ignore_status", (data) => {
}); });
function updateVioletBadge() { function updateVioletBadge() {
if (!trialBadge) return;
if (state.hasAiAccess) { if (state.hasAiAccess) {
trialBadge.classList.add("hidden"); trialBadge.classList.add("hidden");
} else { } else {
@ -587,7 +588,7 @@ $("sidebar-toggle").onclick = () => {
sidebar.classList.toggle("open"); sidebar.classList.toggle("open");
}; };
$("tab-ai-violet").onclick = () => switchTab("ai-violet"); // tab-ai-violet is created dynamically when user opens Violet PM
$("tab-lobby").onclick = () => switchTab("lobby"); $("tab-lobby").onclick = () => switchTab("lobby");
$("close-paywall").onclick = () => paywallModal.classList.add("hidden"); $("close-paywall").onclick = () => paywallModal.classList.add("hidden");