cloud-gov / cg-ui

for the 2024 18F-supported cloud.gov product UI formerly known as the Stratos Dashboard

Other

4 stars 0 forks source link

Implement redesigned users list #428

Closed echappen closed 2 months ago

echappen commented 2 months ago

Designs to reference

(under "Build" section in Figma)

Manage users - desktop Manage users - small screen Removal modal

Notes

For spaces cell: "2 of 3 spaces" - 3 denotes all spaces within an org
text-overflow: ellipsis for too-long names
Sorting on first click is ascending, then second click descending
Sorting disappears on small screen; we’ll keep search/filters across breakpoints
See comments in Figma for more details
Keep in mind that data tables will be reused throughout the app - maybe there is a data table package out there we could work off of?

Related issues

404

367

Acceptance Criteria

[x] New styles are implemented
[ ] ~~Table header is sticky~~ Table is horizontally scrollable as decided here
[x] Table is sortable in combination with filter
[x] Unknown/empty values push to bottom in a sort
[x] Spaces column includes total number of spaces in an org
[x] removal modal text is updated