CDCgov
Add pagination to "Manage users" page for user list
Description
Add pagination to the "Manage users" page's user list. This will improve the user experience of not only larger orgs but is required for us to refactor the getAllUsersWithStatusForOrganization as part of the Okta migration work.
Proposed solution
Add pagination to the "Manage users" page's user list
Additional context
- This was a stopgap fix when we first handled this page for large orgs
- Figma designs from when this was previously discussed
- Our rate limit for READs on
/api/v1/users/{id:.+}endpoint is 1000 per minute
Open questions
- How should search behave? Search should search the entire org. Concerns about typeahead search being a pain with respect to the okta integration. Especially in the in-between state of this ticket and #8108
- How many users should we load at once? Lean on the figma, pair with Kenny to validate that it looks good.
@jayna-SkylightDigital , @mpbrown and I think that our use case for this page has outgrown the USWDS component we're modeling this page after. In the future, we think this page could use a redesign.
The pagination being added to meet the Okta migration technical requirements doesn't provide any value for users and is also awkwardly placed. Unfortunately there isn't better placement for the pagination given how small the user sidebar is. Some things to consider for the future!
- No redesign will be completed at this time
- Text and icon information about the account (pending, deactivated) must be kept below the name
- Pagination will be added at the bottom (limits the number of users we need to get Okta information for on the initial page load)
- Limit to display only 10 users per screen.
UX team recommendation:
Move "Check for spelling errors or [Clear search filter]" into the lefthand side bar, underneath "No results found"
Mike to pair with Kenny on styling when ready.