refactor: migrate OnboardingSuccess settings screens to design system with Tailwind CSS#26737
Conversation
… with Tailwind CSS Replace StyleSheet.create() and useStyles() with useTailwind() and Box/twClassName in DefaultSettings, OnboardingAssetsSettings, OnboardingGeneralSettings, and OnboardingSecuritySettings. Delete the now-unused .styles.ts files. Made-with: Cursor
|
CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes. |
…ation Made-with: Cursor
Replace deprecated component-library Text in default settings with design-system Text and update snapshot output. Made-with: Cursor
…uccess-settings-tailwind # Conflicts: # app/components/Views/OnboardingSuccess/DefaultSettings/__snapshots__/index.test.tsx.snap
Regenerate snapshot after fresh yarn install to match CI's resolved design-token colors (e.g. #131416, #66676a). Made-with: Cursor
…uccess-settings-tailwind
…uccess-settings-tailwind
🔍 Smart E2E Test Selection
click to see 🤖 AI reasoning detailsE2E Test Selection: This directly impacts the wallet creation lifecycle and post-onboarding experience, which is covered under SmokeWalletPlatform (wallet lifecycle analytics for new wallet creation and SRP import events, and core wallet platform flows). No evidence of changes to controllers, Engine, network logic, confirmations, trade flows, identity sync, or multi-chain features. Since onboarding success is part of the core wallet platform experience but not account management internals or SRP export flows, SmokeAccounts and SmokeIdentity are not required. No changes touch Snaps, Trade, Network, Perps, Predictions, Card, Ramps, or MultiChain APIs. Therefore, run SmokeWalletPlatform to validate that wallet creation and post-onboarding flows remain functional. Performance Test Selection: |
|
✅ E2E Fixture Validation — Schema is up to date |
|
Description
Replace StyleSheet.create() and useStyles() with useTailwind() and Box/twClassName in the OnboardingSuccess settings sub-screens: DefaultSettings, OnboardingAssetsSettings, OnboardingGeneralSettings, and OnboardingSecuritySettings. Delete the now-unused .styles.ts files.
Changelog
CHANGELOG entry: null
Related issues
Refs: TO-558 - Migrate OnboardingSuccess/DefaultSettings to Design System (Box/Text + Tailwind)
Refs: TO-559 - Migrate OnboardingSuccess/OnboardingAssetsSettings to Design System (Box/Text + Tailwind)
Refs: TO-560 - Migrate OnboardingSuccess/OnboardingGeneralSettings to Design System (Box/Text + Tailwind)
Refs: TO-561 - Migrate OnboardingSuccess/OnboardingSecuritySettings to Design System (Box/Text + Tailwind)
Manual testing steps
No functional changes. Visual regression only — verify onboarding settings screens render correctly.
Screenshots/Recordings
Before left, After right
Pre-merge reviewer checklist
Made with Cursor
Note
Low Risk
Primarily a styling refactor (StyleSheet/useStyles -> Tailwind + design-system
Box/Text) with no intended logic changes; main risk is minor visual/layout regressions on the onboarding settings screens.Overview
Migrates the OnboardingSuccess settings sub-screens to the new design system styling approach.
DefaultSettings,OnboardingAssetsSettings,OnboardingGeneralSettings, andOnboardingSecuritySettingsnow useuseTailwind()styles (andBox/design-systemTextwhere applicable) instead ofStyleSheet.create()+useStyles().Removes the now-unused local
*.styles.tsfiles and updates Jest snapshots to reflect the new computed style objects (e.g., flex/padding and text style differences).Written by Cursor Bugbot for commit c0ea7f9. This will update automatically on new commits. Configure here.