Fix performance of SearchRouter#50143
Conversation
|
can you link this issue as well please? |
Performance Comparison Report 📊Significant Changes To Duration
Show details
Meaningless Changes To DurationShow entries
Show details
|
|
@Expensify/mobile-deployers 📣 Please look into this performance regression as it's a deploy blocker. |
Kicu
left a comment
There was a problem hiding this comment.
LGTM 👍
but I think the migration of AuthScreens to useOnyx should be done in a separate PR, because AuthScreens is a special komponent, as it's pretty high up the tree and renders navigators.
|
Agree with that part |
304845d to
dfb3325
Compare
|
@rayane-djouah Please copy/paste the Reviewer Checklist from here into a new comment on this PR and complete it. If you have the K2 extension, you can simply click: [this button] |
|
Please ignore the eslint rule as it's forcing me to migrate withOnyx to useOnyx in AuthScreen which has a dedicated issue #49103 |
Reviewer Checklist
Screenshots/VideosAndroid: NativeAndroid: mWeb ChromeScreen.Recording.2024-10-03.at.4.32.55.PM.moviOS: NativeSimulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2024-10-03.at.16.27.02.mp4iOS: mWeb SafariSimulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2024-10-03.at.16.28.34.mp4MacOS: Chrome / SafariScreen.Recording.2024-10-03.at.4.22.21.PM.movMacOS: DesktopScreen.Recording.2024-10-03.at.4.24.46.PM.mov |
|
#50156 is also fixed in this PR Screen.Recording.2024-10-03.at.4.32.19.PM.mov |
|
@luacmartins all yours! |
|
@luacmartins looks like this was merged without a test passing. Please add a note explaining why this was done and remove the |
|
✋ This PR was not deployed to staging yet because QA is ongoing. It will be automatically deployed to staging after the next production release. |
…arch-router-performance Fix performance of SearchRouter (cherry picked from commit 0c2900c) (CP triggered by jasperhuangg)
|
🚀 Cherry-picked to staging by https://github.com/jasperhuangg in version: 9.0.44-2 🚀
@Expensify/applauseleads please QA this PR and check it off on the deploy checklist if it passes. |
Performance Comparison Report 📊Significant Changes To Duration
Show details
Meaningless Changes To DurationShow entries
Show details
|
|
@Expensify/mobile-deployers 📣 Please look into this performance regression as it's a deploy blocker. |
|
🚀 Deployed to production by https://github.com/jasperhuangg in version: 9.0.44-12 🚀
|
| const {isSmallScreenWidth} = useResponsiveLayout(); | ||
| const {isSearchRouterDisplayed, closeSearchRouter} = useSearchRouterContext(); | ||
|
|
||
| const modalType = isSmallScreenWidth ? CONST.MODAL.MODAL_TYPE.CENTERED_UNSWIPEABLE : CONST.MODAL.MODAL_TYPE.POPOVER; |
| popoverAnchorPosition={{right: 20, top: 20}} | ||
| onClose={closeSearchRouter} | ||
| > | ||
| <FocusTrapForModal active={isSearchRouterDisplayed}>{isSearchRouterDisplayed && <SearchRouter />}</FocusTrapForModal> |
There was a problem hiding this comment.
This caused
We should enable keyboard avoiding view in search modal
Details
This PR fixes performance of App
Fixed Issues
$ #49120
$ #49116
$ #50141
$ #50156
PROPOSAL:
Tests
Offline tests
QA Steps
PR Author Checklist
### Fixed Issuessection aboveTestssectionOffline stepssectionQA stepssectiontoggleReportand notonIconClick)myBool && <MyComponent />.src/languages/*files and using the translation methodSTYLE.md) were followedAvatar, I verified the components usingAvatarare working as expected)StyleUtils.getBackgroundAndBorderStyle(theme.componentBG))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
android.mov
Android: mWeb Chrome
androidweb.mov
iOS: Native
ios.mov
iOS: mWeb Safari
iosweb.mov
MacOS: Chrome / Safari
web.mov
MacOS: Desktop
desktop.mov