-
Notifications
You must be signed in to change notification settings - Fork 5.4k
feat: rewards onboarding components #37919
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
|
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. |
| onActionClick, | ||
| }), | ||
| ); | ||
| }, [actionText, description, dispatch, onActionClick, title]); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Bug: Functions Break Redux State Principles
The handleClose callback stores a function reference (onActionClick) in Redux state via setErrorToast. Redux state must only contain serializable data, and storing functions violates this principle. This breaks Redux DevTools, time-travel debugging, state persistence, and can cause unexpected behavior when the function reference changes. The function should be stored outside Redux state or referenced by an identifier instead.
6b69107 to
7536625
Compare
Builds ready [7536625]
UI Startup Metrics (1223 ± 111 ms)
📊 Page Load Benchmark ResultsCurrent Commit: 📄 Localhost MetaMask Test DappSamples: 100 Summary
📈 Detailed Results
|
| borderColor: referralCodeIsError | ||
| ? 'border-error-default' | ||
| : 'border-muted', | ||
| }} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Bug: Style Prop Misuse Breaks TextField Appearance
The style prop on the TextField component contains Tailwind CSS class names as values (e.g., 'bg-background-pressed') instead of actual inline CSS values. This will cause the styles to not be applied, as browsers cannot interpret class names as inline style properties. The backgroundColor and borderColor should use actual CSS values or valid CSS custom properties.
Builds ready [cb40b68]
UI Startup Metrics (1252 ± 93 ms)
📊 Page Load Benchmark ResultsCurrent Commit: 📄 Localhost MetaMask Test DappSamples: 100 Summary
📈 Detailed Results
|
670a6df to
b8c2ba8
Compare
The base branch was changed.
Update translation
cb40b68 to
978bad2
Compare
Builds ready [978bad2]
UI Startup Metrics (1229 ± 111 ms)
📊 Page Load Benchmark ResultsCurrent Commit: 📄 Localhost MetaMask Test DappSamples: 100 Summary
📈 Detailed Results
Bundle size diffs [🚨 Warning! Bundle size has increased!]
|
Description
https://consensyssoftware.atlassian.net/browse/RWDS-268
Part 6 of #36827 introduces new rewards onboarding components
Changelog
CHANGELOG entry: null
Related issues
Fixes:
Manual testing steps
Screenshots/Recordings
Before
After
Pre-merge author checklist
Pre-merge reviewer checklist
Note
Implements the Rewards onboarding flow (modal with steps, error toast/banner, referral opt‑in) with full tests and new locale strings.
Rewardsonboarding modalui/components/app/rewards/onboarding/OnboardingModal.tsxwith stepsOnboardingIntroStep,OnboardingStep1,OnboardingStep2,OnboardingStep3,OnboardingStep4andProgressIndicator.RewardsErrorBannerandRewardsErrorToast.pending/retry/error) with retry actions; advances through steps; persists modal‑shown flag.onboarding/constants.ts.app/_locales/en/messages.jsonandapp/_locales/en_GB/messages.json.Written by Cursor Bugbot for commit 978bad2. This will update automatically on new commits. Configure here.