Skip to content

Fix onboarding UX and improve extension performance - #16

Merged
jacklevin74 merged 1 commit into
masterfrom
fix/onboarding-ux-and-performance-improvements
Nov 17, 2025
Merged

Fix onboarding UX and improve extension performance#16
jacklevin74 merged 1 commit into
masterfrom
fix/onboarding-ux-and-performance-improvements

Conversation

@stackedPenguin

Copy link
Copy Markdown
Collaborator

Summary

This PR addresses multiple UX and performance issues in the wallet onboarding and extension popup experience.

Changes

Onboarding Improvements

  • ✅ Add hidden "Advanced" section in setup screen with import seed phrase option
  • ✅ Remove unnecessary "Import Wallets" screen when creating new wallet
  • ✅ Fix wallet import flow to show recovery phrase input instead of skipping to account selection

Performance Improvements

  • ✅ Disable Backpack API feature gates fetch (404 error) - use local defaults instead
  • ✅ Improve localStorage caching for user data to persist across popup opens
  • ✅ Fix slow popup opening issue (now opens in <1 second)

UI/UX Fixes

  • ✅ Fix black screen issue by showing loading skeleton instead of null
  • ✅ Suppress React Native BackHandler warning in web environment

Files Changed

  • packages/app-extension/src/components/Onboarding/pages/CreateOrImportWallet.tsx
  • packages/app-extension/src/components/Onboarding/pages/OnboardAccount.tsx
  • packages/app-extension/src/gates/FEATURES.ts
  • packages/recoil/src/atoms/secure-client/userClientAtoms.ts
  • packages/app-extension/src/app/Router.tsx
  • packages/app-extension/src/index.tsx
  • packages/app-extension/src/refactor/screens/Unlocked/Settings/WalletAddBackpackRecoveryPhraseScreen.tsx

Test Plan

  • Tested wallet creation flow - no unnecessary import screens
  • Tested wallet import from "Advanced" section during setup
  • Tested wallet import from settings - recovery phrase input now shows
  • Tested popup opening performance - opens quickly
  • Verified no black screens during loading
  • Verified no console errors or warnings

Impact

All changes improve the user experience by making onboarding smoother, eliminating unnecessary steps, and significantly improving popup performance.

This PR addresses multiple UX and performance issues in the wallet onboarding
and extension popup experience:

## Onboarding Improvements
- Add hidden "Advanced" section in setup screen with import seed phrase option
- Remove unnecessary "Import Wallets" screen when creating new wallet
- Fix wallet import flow to show recovery phrase input instead of skipping to account selection

## Performance Improvements
- Disable Backpack API feature gates fetch (404 error) - use local defaults instead
- Improve localStorage caching for user data to persist across popup opens
- Fix slow popup opening issue (now opens in <1 second)

## UI/UX Fixes
- Fix black screen issue by showing loading skeleton instead of null
- Suppress React Native BackHandler warning in web environment

All changes improve the user experience by making onboarding smoother,
eliminating unnecessary steps, and significantly improving popup performance.
@jacklevin74
jacklevin74 merged commit 00b925c into master Nov 17, 2025
4 checks passed
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.

3 participants