-
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
Add Workspace Members Search Feature #15123
Add Workspace Members Search Feature #15123
Conversation
@marcaaron @0xmiroslav One of you needs to 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] |
@0xmiroslav i have created new PR please check, its updated with |
CLA Assistant Lite bot All contributors have signed the CLA ✍️ ✅ |
@0xmiroslav I have changed according to these feedbacks:
|
I think you need to do this again since old PR is closed |
@0xmiroslav committed these feedbacks
|
@shawnborton please check design (both with result and no result) |
@PankajAS let's fix @shawnborton's feedback |
@0xmiroslav @shawnborton is this looks ok now? |
Looks good to me if you exactly reduced 8px, 4px as @shawnborton stated |
Yeah, agree - just want to agree that you followed the guidance I provided before signing off. It looks like maybe more than 4 was removed from above the search input? |
I have just remove 4px @shawnborton as i set styles.pt1 in place of styles.pt5 |
Ah, well the difference between pt1 (4px) and pt5 (20px) is actually 16. So really you would want to use pt4 instead of pt5. |
Ohk @shawnborton |
@PankajAS since you're new, maybe you are not familiar with our style guidelines.
You can use spacing already defined in /styles/utilities/spacing.js |
@shawnborton looks ok now? |
yes just checked and i'm using these styles @0xmiroslav |
@PankajAS and to be clear, you only removed 4 from below the search input as well? |
yes @shawnborton i remove 4px from below and top of search input |
Cool, thank you. That works for me then! |
its done @mountiny |
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.
@PankajAS Seems like the job 3 is not succeeding, I have retried it, its not related but maybe if it fails again, syncing |
@PankajAS can you merge in main please? |
this branch is updated @mountiny with |
@PankajAS I think you need to pull the latest main from Expensify/App and sync it with your fork and merge that in. You commit if 2 days old and there were PRs merged into main since then |
Ok let me sync with main from Expensify/App |
1. Added common isKeywordMatch function 2. Add more fields in filter condition: firstName, lastName 3. Combine all of these into one if statement 4. Use common function like clear() 1. Put this.state.searchValue.trim().toLowerCase() this out of loop 2. Space formate UI Adjustments Match "No results found" text with new chat text Fix lint errors 1. Change to "Clear search input value and selected members" 2. change selectedEmployees to selectedMembers 3. Change to "Check if value matches with keyword" 1. Fix lint changes 2. Add policyMemberList check for "no results found" text Fix Space lint 1. Add JSDoc for onSearch function 2. Remove commnet for Clear function 3. Change Clear method name to clearMembersAndSearchValue 4. Revert selectedMembers name with selectedEmployees 1. Remove updateSearchValue Comment 2. Update OnSearch name to updateSearchValue 3. Inline conditions for Filter list data Remove clearMembersAndSearchValue method 1. Remove unnecessary safety condition 2.Remove unnecessary comment for this function 3. split into multiple lines so fix lint Add singinkey Revert "Add singinkey" This reverts commit d8b3e83fda9fbb07a3bb865cc7fa5b255778787d. remove extra line Revert "remove extra line" This reverts commit 022e15693390fae1a8e1eeb4c6c483c21e61cc2f. Update src/pages/workspace/WorkspaceMembersPage.js Co-authored-by: Miroslav Stevanovic <97473779+0xmiroslav@users.noreply.github.com> Fix lint errors 1. Change to "Clear search input value and selected members" 2. change selectedEmployees to selectedMembers 3. Change to "Check if value matches with keyword" 1. Fix lint changes 2. Add policyMemberList check for "no results found" text Fix Space lint 1. Add JSDoc for onSearch function 2. Remove commnet for Clear function 3. Change Clear method name to clearMembersAndSearchValue 4. Revert selectedMembers name with selectedEmployees Remove clearMembersAndSearchValue method 1. Remove unnecessary safety condition 2.Remove unnecessary comment for this function 3. split into multiple lines so fix lint Add singinkey Revert "Add singinkey" This reverts commit d8b3e83fda9fbb07a3bb865cc7fa5b255778787d. remove extra line Revert "remove extra line" This reverts commit 022e15693390fae1a8e1eeb4c6c483c21e61cc2f.
Done @mountiny |
now we are all set to merge PR? @mountiny @0xmiroslav |
@PankajAS have to wait for the actions to succeed. Seems like there is something odd going on with the |
Ok @mountiny |
Looking good |
Great @mountiny |
Performance Comparison Report 📊Significant Changes To DurationThere are no entries Meaningless Changes To DurationShow entries
Show details
|
🚀 Deployed to staging by https://github.com/mountiny in version: 1.2.76-0 🚀
|
🚀 Deployed to production by https://github.com/yuwenmemon in version: 1.2.76-7 🚀
|
1 similar comment
🚀 Deployed to production by https://github.com/yuwenmemon in version: 1.2.76-7 🚀
|
🚀 Deployed to production by https://github.com/yuwenmemon in version: 1.2.76-7 🚀
|
Dismissing keyboard on scroll on native devices(Android and IOS) was not considered in this PR. The issue was later reported and solved by this PR Steps to reproduce:
|
It was already considered as Issue 2 in #15123 (comment) |
There was some consistency issue not considered in this PR. Search value was not being cleared while moving between the pages. Steps to reproduce:
|
We already discussed that concern here but decided won't fix. |
Details
Fixed Issues
$ #12339
PROPOSAL: #12339(comment)
Tests
Offline tests
QA Steps
PR Author Checklist
### Fixed Issues
section aboveTests
sectionOffline steps
sectionQA steps
sectiontoggleReport
and notonIconClick
)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.Screenshots/Videos
Web
Untitled.3.mp4
Mobile Web - Chrome
vidma_recorder_10022023_214530.mp4
Mobile Web - Safari
Untitled.4.mp4
Desktop
Untitled.6.mp4
iOS
Simulator.Screen.Recording.-.iPhone.13.-.2023-02-10.at.18.50.57.mp4
Android
Screen.Recording.2023-02-10.at.8.00.59.PM.mov