Repository navigation
fix(ui): topbar WireGuard pill switches its text with its colour - #263
Merged
Merged
Conversation
The pill kept saying "Tunnel aktiv" while it turned red, and only the dashboard ever updated it. GC.setWgState now flips class, text and title together; pages other than the dashboard refresh it from /wg/status once a minute while visible. The dot turns red too, and non-admins (who cannot read the state) no longer see a pill that always claims the tunnel is up. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_016xX1efcZF1f6G9rhmaJNLD
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Problem
The topbar status pill always read "Tunnel aktiv". When WireGuard was down only its colour turned red, so text and colour contradicted each other. Only the dashboard updated it; every other page showed a green "Tunnel aktiv" regardless of the real state.
Change
GC.setWgState(running)inapp.jsswitches class, text ("Tunnel aktiv" / "WireGuard inaktiv") and title together. Both labels come from the markup (data-on/data-off).GC.setWgState; every other page asks/api/v1/wg/statuson load and once a minute while the tab is visible.Tests
tests/topbar_wg_state.test.js(rendering + script/CSS); dashboard and settings UI tests pass.🤖 Generated with Claude Code
https://claude.ai/code/session_016xX1efcZF1f6G9rhmaJNLD
Generated by Claude Code