feat(ui): add version display in about menu items #201
Conversation
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
Add application version number display next to 'About' menu items in both
mobile and desktop user interfaces. Version is extracted from package.json
and exposed via NEXT_PUBLIC_APP_VERSION environment variable.
Changes:
- Extract version from package.json in next.config.ts
- Display version number in mobile user bottom sheet about menu
- Display version number in desktop user avatar dropdown about menu
- Maintain consistent styling with existing theme colors
- Version appears as 'v{version}' with subtle opacity styling
dosubot
bot
added
size:M
- Create dedicated VersionTag component with tag-style design - Use font-mono for better version number readability - Support multiple variants and theme-aware styling - Replace inline version display with reusable component - Clean up unnecessary comments across affected files - Position version tags with proper spacing using ml-auto Components updated: - mobile/ui/user-bottom-sheet.tsx: Use VersionTag component - nav-bar/desktop-user-avatar.tsx: Use VersionTag component - ui/version-tag.tsx: New reusable component - ui/index.ts: Export VersionTag component
dosubot
bot
added
size:L
Contributor
There was a problem hiding this comment.
Pull Request Overview
This PR adds version display functionality to both mobile and desktop user interface about menu items. The version number is extracted from package.json and displayed alongside the 'About' menu option with consistent styling across platforms.
- Extracts app version from package.json via NEXT_PUBLIC_APP_VERSION environment variable
- Creates reusable VersionTag component with multiple styling variants
- Integrates version display in both mobile bottom sheet and desktop avatar dropdown menus
Reviewed Changes
Copilot reviewed 5 out of 5 changed files in this pull request and generated 2 comments.
Show a summary per file
| File | Description |
|---|---|
| next.config.ts | Adds version extraction from package.json and environment variable configuration |
| components/ui/version-tag.tsx | Creates new reusable component for displaying version with multiple styling variants |
| components/ui/index.ts | Exports the new VersionTag component |
| components/nav-bar/desktop-user-avatar.tsx | Integrates version display in desktop user dropdown menu |
| components/mobile/ui/user-bottom-sheet.tsx | Integrates version display in mobile user bottom sheet |
lyzno1
approved these changes
Aug 9, 2025
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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.
Add application version number display next to 'About' menu items in both
mobile and desktop user interfaces. Version is extracted from package.json
and exposed via NEXT_PUBLIC_APP_VERSION environment variable.
Changes:
Extract version from package.json in next.config.ts
Display version number in mobile user bottom sheet about menu
Display version number in desktop user avatar dropdown about menu
Maintain consistent styling with existing theme colors
Version appears as 'v{version}' with subtle opacity styling
Important
Fixes #<issue number>What & Why
What: Brief description
Why: Problem solved
Fixes #(issue number)
Pre-PR Checklist
Run these:
pnpm type-checkpnpm format:checkpnpm lintpnpm buildpnpm i18n:check(if applicable)Type
Screenshots (if UI changes)