fix: fix UI nit whats happening#30178
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. |
🔍 Smart E2E Test Selection
click to see 🤖 AI reasoning detailsE2E Test Selection:
Impact analysis:
Tag selection:
Per SmokePerps description: "When selecting SmokePerps, also select SmokeWalletPlatform (Trending section) and SmokeConfirmations (Add Funds deposits are on-chain transactions)." However, since these changes don't touch any transaction/confirmation flows, SmokeConfirmations is not warranted here — the changes are purely UI/layout fixes with no transaction logic involved. Performance Test Selection: |
|



Description
Fixes the AI pill size and also fixes the Android header overlap by replacing React Native's SafeAreaView (iOS-only) with the one from react-native-safe-area-context, which correctly insets the status bar on Android.
Changelog
CHANGELOG entry: null
Related issues
Fixes:
Manual testing steps
Screenshots/Recordings
Before
After
Pre-merge author checklist
Performance checks (if applicable)
trace()for usage andaddTokenfor an exampleFor performance guidelines and tooling, see the Performance Guide.
Pre-merge reviewer checklist
Note
Low Risk
Low risk UI-only tweaks: swaps
SafeAreaViewimplementation to fix Android status-bar overlap and adjusts pill styling; no business logic or data handling changes.Overview
Fixes layout issues in the Whats Happening detail screen by replacing React Native’s
SafeAreaViewwithreact-native-safe-area-contextso the header respects Android status-bar insets.Tweaks the expanded card’s AI pill styling in dark mode by adding a transparent border, aligning its size/spacing with the light-mode pill.
Reviewed by Cursor Bugbot for commit 4a8a093. Bugbot is set up for automated code reviews on this repo. Configure here.