Skip to content

feat(sidebar): teal "PRE-RELEASE" badge for prerelease builds - #70

Merged
Nic-dorman merged 1 commit into
mainfrom
feat/sidebar-prerelease-badge
Apr 30, 2026
Merged

feat(sidebar): teal "PRE-RELEASE" badge for prerelease builds#70
Nic-dorman merged 1 commit into
mainfrom
feat/sidebar-prerelease-badge

Conversation

@Nic-dorman

Copy link
Copy Markdown
Contributor

Summary

Adds a persistent sidebar badge that surfaces "this app is a pre-release build" to anyone running an rc/beta/alpha tag. Sits in the same slot as the existing DEVNET / SEPOLIA TESTNET badge, above the navigation links.

Why

A tester running v0.6.8-rc.1 against production is identical-looking to a stable v0.6.8 user from the sidebar. When something goes wrong in testing, that ambiguity makes triage slower. A persistent indicator makes the distinction obvious at all times — not just when an update happens to be offered.

Visual

  • Teal palette (bg-teal-500/10 / border-teal-500/20 / text-teal-400) — chosen to not collide with the amber DEVNET / SEPOLIA TESTNET badge when both apply (e.g. an RC build connected to a Sepolia devnet).
  • Same shape, padding, and typographic weight as the network badge for visual consistency.
  • Text: PRE-RELEASE (uppercase, matches DEVNET conventions).

Detection

Frontend regex /-(?:rc|beta|alpha)\./ matches the running version (fetched once on mount via get_app_version). Mirrors release.yml's prerelease tag rule and updater_channel::looks_like_prerelease in Rust — three call sites, one rule.

Test plan

  • npx nuxi build clean
  • CI green
  • Manual: a stable build (e.g. v0.6.7) shows no badge.
  • Manual: a pre-release build (e.g. v0.6.8-rc.1) shows the teal PRE-RELEASE badge in the top-left.
  • Manual: combined with devnet — both badges stack cleanly, distinct colours.

If you'd rather pink than teal, swap teal-pink- in three classnames; one-line tweak.

Adds a sidebar indicator that appears whenever the running version
contains an -rc./-beta./-alpha. suffix. Distinct teal palette so it
doesn't clash with the amber DEVNET / SEPOLIA TESTNET badge if both
apply at once. Sits above the network badge, below the logo.

Detection mirrors release.yml's prerelease tag rule and
updater_channel::looks_like_prerelease so the three sources stay in
sync.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@Nic-dorman
Nic-dorman merged commit 8a4b9bc into main Apr 30, 2026
4 checks passed
@Nic-dorman
Nic-dorman deleted the feat/sidebar-prerelease-badge branch April 30, 2026 14:15
@Nic-dorman Nic-dorman mentioned this pull request Apr 30, 2026
5 tasks
Nic-dorman added a commit that referenced this pull request Apr 30, 2026
Second internal-tester pre-release of the 0.6.8 cycle. Adds on top of
rc.1:
- Sidebar PRE-RELEASE indicator (#70) -- teal badge for rc/beta/alpha
  builds, distinct from the amber DEVNET badge.
- refresh-release-notes workflow (#71) -- ~30s manual workflow_dispatch
  to push polished release notes into latest.json so the in-app
  UpdateDialog renders them.

Tests V2-237 end-to-end: anyone on installed v0.6.8-rc.1 with
Settings -> Advanced -> Pre-release builds toggled on should
auto-detect rc.2.

Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Nic-dorman added a commit that referenced this pull request May 1, 2026
Extends the teal prerelease accent established in #70 (the static
"PRE-RELEASE" sidebar badge) to the updater UI, so when a tester
on the prerelease channel sees an update offered, it's visually
consistent with the rest of the prerelease styling instead of
sharing the amber palette used by stable updates and the network
badges.

- Sidebar "Update Available" banner: teal-400 when the offered
  release is a prerelease, amber-400 (existing colour) for stable.
  Same shape, same dark text, same shadow/hover behaviour.
- UpdateDialog "Pre-release" badge: teal-500/10 background +
  teal-400 text, matching the sidebar badge from #70.

Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant