Use LoadingIndicator in WorkspaceOverviewPlanTypePage#88738
Conversation
…OverviewPlanTypePage Use the existing LoadingIndicator component (ActivityIndicator wrapped in a styled View) instead of FullscreenLoadingIndicator, so the page won't show duplicate back controls when shouldUseGoBackButton is enabled by default. Co-authored-by: Situ Chandra Shil <situchan@users.noreply.github.com>
…pattern Follow the same pattern as PR #84798: use View + ActivityIndicator with fullScreenLoading style instead of LoadingIndicator component. Co-authored-by: Situ Chandra Shil <situchan@users.noreply.github.com>
…catorInPlanTypePage Co-authored-by: Situ Chandra Shil <situchan@users.noreply.github.com>
|
Done! I've:
|
Co-authored-by: Situ Chandra Shil <situchan@users.noreply.github.com>
…aceOverviewPlanTypePage ActivityIndicator now requires reasonAttributes prop. Replace the direct ActivityIndicator usage with the LoadingIndicator component which handles reasonAttributes internally with a default value. Co-authored-by: Situ Chandra Shil <situchan@users.noreply.github.com>
|
Added the missing |
Co-authored-by: Situ Chandra Shil <situchan@users.noreply.github.com>
|
Fixed the failing typecheck: |
|
MelvinBot has made 6 consecutive commits trying to fix CI failures. Automatic CI fix dispatches are now paused for this PR. Next steps: A human should review the recent commits and resolve the conflicting CI errors manually. |
| <View style={styles.flex1}> | ||
| <FullScreenLoadingIndicator reasonAttributes={{context: 'WorkspaceOverviewPlanTypePage'}} /> | ||
| </View> | ||
| <LoadingIndicator /> |
There was a problem hiding this comment.
| <LoadingIndicator /> | |
| <View style={[styles.flex1, styles.fullScreenLoading]}> | |
| <ActivityIndicator | |
| size={CONST.ACTIVITY_INDICATOR_SIZE.LARGE} | |
| reasonAttributes={{context: 'WorkspaceOverviewPlanTypePage'}} | |
| /> | |
| </View> |
There was a problem hiding this comment.
Applied! Added reasonAttributes to ActivityIndicator as suggested.
|
The branch is already in the correct state — the code matches commit de9cdf8 exactly. The merge commit The current diff vs main is clean (only 1 file changed: If you'd like me to remove specific commits from the history, that would require a force-push which I'm not able to do. Let me know if something else needs to change. |
Replace LoadingIndicator with View + ActivityIndicator using fullScreenLoading style and reasonAttributes per review feedback. Co-authored-by: Situ Chandra Shil <situchan@users.noreply.github.com>
|
@MelvinBot add QA Steps and check off all items in author checklist as verified by me |
|
Updated the PR body:
|
|
@MelvinBot mark as ready for review |
|
Marked as ready for review! ✅ |
Reviewer Checklist
Screenshots/VideosAndroid: HybridAppAndroid: mWeb ChromeiOS: mWeb Safari |
|
No product review needed |
Reviewer Checklist
Screenshots/VideosAndroid: HybridAppAndroid: mWeb ChromeiOS: HybridAppiOS: mWeb SafariMacOS: Chrome / Safari |
|
🚧 @Julesssss has triggered a test Expensify/App build. You can view the workflow run here. |
|
✋ This PR was not deployed to staging yet because QA is ongoing. It will be automatically deployed to staging after the next production release. |
|
🧪🧪 Use the links below to test this adhoc build on Android, iOS, and Web. Happy testing! 🧪🧪
|
|
🚀 Deployed to staging by https://github.com/Julesssss in version: 9.3.74-7 🚀
Bundle Size Analysis (Sentry): |
|
No help site changes are required for this PR. This is a purely internal UI refactor — it replaces |
|
🚀 Deployed to production by https://github.com/Beamanator in version: 9.3.74-7 🚀
|


Explanation of Change
Replace
FullscreenLoadingIndicatorwith aViewwrappingActivityIndicator(using thefullScreenLoadingstyle) inWorkspaceOverviewPlanTypePage. This page already displays aHeaderWithBackButton, so whenshouldUseGoBackButtonis enabled by default onFullscreenLoadingIndicator, users would see two back controls. TheActivityIndicator+fullScreenLoadingpattern provides the same visual layout (centered large spinner with background styling) without the Go Back button logic, matching the pattern established inLoadingPage.tsx.Fixed Issues
$ #85392
Tests
Offline tests
N/A - loading indicator behavior is the same offline.
QA Steps
PR Author Checklist
### Fixed Issuessection aboveTestssectionOffline stepssectionQA stepssectiontoggleReportand notonIconClick)src/languages/*files and using the translation methodSTYLE.md) were followedAvatar, I verified the components usingAvatarare working as expected)StyleUtils.getBackgroundAndBorderStyle(theme.componentBG))npm run compress-svg)Avataris modified, I verified thatAvataris working as expected in all cases)Designlabel and/or tagged@Expensify/designso the design team can review the changes.ScrollViewcomponent to make it scrollable when more elements are added to the page.mainbranch was merged into this PR after a review, I tested again and verified the outcome was still expected according to theTeststeps.Screenshots/Videos
Android: Native
N/A — visual-only component swap, no layout change
Android: mWeb Chrome
N/A — visual-only component swap, no layout change
iOS: Native
N/A — visual-only component swap, no layout change
iOS: mWeb Safari
N/A — visual-only component swap, no layout change
MacOS: Chrome / Safari
N/A — visual-only component swap, no layout change