UI enhancements #30
Merged
UI enhancements #30
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
- Token-first wallet view with unified token list and chain badges - Global Send/Receive buttons with total balance display - Redesigned Send modal with clean inputs, 50%/Max buttons, USD toggle - Redesigned Receive modal with QR code + token logo, token selector, account selector - Added Ethereum accounts 1 & 2 derivation paths (m/44'/60'/1'/0/0, m/44'/60'/2'/0/0) - Fixed KeepKey logo in popup transaction screens - Changed transfer safety indicator to green checkmark for simple transfers - Improved drawer navigation with back arrow instead of X close button - Deduplicated chain selector to show unique tokens only
![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?s=60&v=4){kind=small}
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.
This pull request introduces several UI and UX improvements across the KeepKey browser extension, focusing on enhanced token/asset management, improved branding consistency, and clearer transaction information. The most significant updates include a redesigned side panel with total balance display and global send/receive actions, improved handling of project logos and favicons, and clearer transaction risk indicators.
User Interface & Experience Improvements
SidePanel.tsx) now displays the user's total USD balance and provides global "Send" and "Receive" buttons, making asset management more intuitive. When these actions are triggered, the asset with the highest USD value is selected by default, and new full-screen drawers are used for sending and receiving assets. The panel header has also been streamlined with improved status indicators and tooltips. [1] [2] [3] [4]Balancescomponent introduces chain name mapping for cleaner display and adds new UI elements for improved asset selection and navigation.Branding & Logo Consistency
https://pioneers.dev/coins/keepkey.png) and improved fallback handling. The EVMProjectInfoCardnow distinguishes between dApps and the KeepKey extension, using a square logo for KeepKey and a round avatar for dApps, with robust error handling for logo loading. [1] [2] [3] [4]Transaction & Risk Clarity
RequestMethodCardnow uses clearer iconography and colors to indicate transaction safety/risk. Simple transfers are shown as safe (green, checkmark), while smart contract interactions are highlighted as requiring caution (yellow, warning icon). Descriptions have been updated for clarity.Wallet Support Enhancements
Codebase Cleanup
AssetValue) from the KeepKey background script for minor codebase hygiene.Priority*
Purpose of the PR*
Ui polish
Changes*
Descirbed by copilot above