Description
Proposed Changes
- User details screens adjustments
- Added formatted header above the user details screens
- Added CTA buttons (moved from list item)
- Adjusted team member details page (replace radio buttons with dropdown)
- Created subscriber user details screen with a new dedicated route
/people/subscribers/{site_slug}/{id}
- List item adjustments
- Adjusted badge background colors
- Got rid of the CTA button from list the list item component
- Team tab content adjustments
- Created accepted invites block and placed it below the pending
- Hide pending and accepted invites if there are no invites
Design proposal: pbAok1-3rs-p2
Some stuff is hidden behind the feature flag; if you want to test it with the direct link, provide the flag with query param: ?flags=user-management-revamp
Testing Instructions
Subscribers tab:
- Go to
/people/subscribers/{site_slug}
- Check the design of the list item components
- Check if there are label distinctions between the
Follower
and Email subscriber
- Select on the item
- Check the User details screen (it’s the new component)
Team tab:
- Click on the
Team
tab
- Add team members
- Check pending invites block
- Accept the invite you made
- Check the accepted invites block
Screenshots
Pre-merge Checklist
- Has the general commit checklist been followed? (PCYsg-hS-p2)
- Have you written new tests for your changes?
- Have you tested the feature in Simple (P9HQHe-k8-p2), Atomic (P9HQHe-jW-p2), and self-hosted Jetpack sites (PCYsg-g6b-p2)?
- Have you checked for TypeScript, React or other console errors?
- Have you used memoizing on expensive computations? More info in Memoizing with create-selector and Using memoizing selectors and Our Approach to Data
- Have we added the “[Status] String Freeze” label as soon as any new strings were ready for translation (p4TIVU-5Jq-p2)?
- For changes affecting Jetpack: Have we added the “[Status] Needs Privacy Updates” label if this pull request changes what data or activity we track or use (p4TIVU-ajp-p2)?
Related to #70698
Unfortunately, no screenshots were provided by the developer.