-
Notifications
You must be signed in to change notification settings - Fork 3k
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
[Form Provider Refactor] RoomNameInput #29771
[Form Provider Refactor] RoomNameInput #29771
Conversation
…m-name-page # Conflicts: # src/components/Form/FormWrapper.js # src/pages/workspace/WorkspaceNewRoomPage.js
Hey! I see that you made changes to our Form component. Make sure to update the docs in FORMS.md accordingly. Cheers! |
@allroundexperts 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] |
Reviewer Checklist
Screenshots/VideosWebScreen.Recording.2023-10-26.at.9.35.12.AM.movMobile Web - ChromeScreen.Recording.2023-10-26.at.9.46.16.AM.movMobile Web - SafariScreen.Recording.2023-10-26.at.9.49.29.AM.movDesktopScreen.Recording.2023-10-26.at.9.37.55.AM.moviOSScreen.Recording.2023-10-26.at.9.51.42.AM.movAndroidScreen.Recording.2023-10-26.at.9.47.32.AM.mov |
@luacmartins the PR is ready for the review. |
// Prevent cursor jump behaviour: | ||
// Check if newRoomNameWithHash is the same as modifiedRoomName | ||
// If it is then the room name is valid (does not contain unallowed characters); no action required | ||
// If not then the room name contains unvalid characters and we must adjust the cursor position manually | ||
// Read more: https://github.com/Expensify/App/issues/12741 |
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.
This is no longer an issue with the new solution?
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.
Yes, with current approach if we are parsing the value of the input, it's completely separated from the value we display, so it's faster (we are limiting numbers of re-renders) and it doesn't affect the cursor.
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.
LGTM! All yours @allroundexperts
Hey @allroundexperts will you manage to do a review today? |
Just confirmed that this is not appearing on Staging. @luacmartins Other than this, its working well. Since @kowczarz is going on a leave, I think its best to merge this PR (since its not creating any functional issue) and I can do a follow up PR fixing these errors. Let me know if you agree! |
I will handle this in a couple minutes. |
Cool. Thanks. I thought you had ended your day 😄 |
Done |
@kowczarz Another one? |
This one is fixed here and I would like not to overwrite this prop here as well, to avoid conflicts. |
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.
Looks good!
✋ This PR was not deployed to staging yet because QA is ongoing. It will be automatically deployed to staging after the next production release. |
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 staging by https://github.com/luacmartins in version: 1.3.92-0 🚀
|
@cdOut @kowczarz we had to revert this PR since it caused the 3 blockers below:
Could you please work on a new PR and fix the above issues? |
🚀 Deployed to production by https://github.com/Beamanator in version: 1.3.92-4 🚀
|
🚀 Deployed to staging by https://github.com/luacmartins in version: 1.3.93-0 🚀
|
🚀 Deployed to production by https://github.com/Beamanator in version: 1.3.93-1 🚀
|
Details
Fixed Issues
$ #28877
Tests
IMPORTANT: User needs to have the permission to use policy rooms enabled.
Workspace new room:
+
button > PressStart chat
> Switch to# Room
Room name:
Settings
> PressRoom name
Offline tests
Same as above.
QA Steps
Same as above.
PR Author Checklist
### Fixed Issues
section aboveTests
sectionOffline steps
sectionQA steps
sectiontoggleReport
and notonIconClick
)myBool && <MyComponent />
.src/languages/*
files and using the translation methodWaiting for Copy
label for a copy review on the original GH to get the correct copy.STYLE.md
) were followedAvatar
, I verified the components usingAvatar
are working as expected)/** comment above it */
this
properly so there are no scoping issues (i.e. foronClick={this.submit}
the methodthis.submit
should be bound tothis
in the constructor)this
are necessary to be bound (i.e. avoidthis.submit = this.submit.bind(this);
ifthis.submit
is never passed to a component event handler likeonClick
)StyleUtils.getBackgroundAndBorderStyle(themeColors.componentBG)
)Avatar
is modified, I verified thatAvatar
is working as expected in all cases)ScrollView
component to make it scrollable when more elements are added to the page.main
branch was merged into this PR after a review, I tested again and verified the outcome was still expected according to theTest
steps.Screenshots/Videos
Android: Native
widelo_dla_kamila_3_H.265.mp4
Android: mWeb Chrome
android.web_H.265.mp4
iOS: Native
ios.native_H.265.mp4
iOS: mWeb Safari
ios.web_H.265.mp4
MacOS: Chrome / Safari
web_H.265.mp4
MacOS: Desktop
desktop_H.265.mp4