Migrate User Management table to Ant Design

[gilluminate]

Ticket ENG-707

Description Of Changes

Migrated the User Management table from Chakra UI to Ant Design Table, following the established patterns used in systems and monitor tables. This improves consistency across the admin UI and fixes horizontal scroll issues.

Code Changes

• Replaced Chakra table components with Ant Design Table using column definitions
• Created useUserManagementTable.tsx hook encapsulating all table business logic
• Integrated useTableState and useAntTable for state management and pagination
• Consolidated search input and "Add new user" button into main table component
• Removed UserManagementTableActions.tsx and UserManagementRow.tsx components
• Changed from Layout to FixedLayout to fix horizontal scroll issue
• Used Carbon icons and LinkCell for navigation
• Updated Cypress tests to click username links instead of table rows

Steps to Confirm

1. Navigate to User Management page
2. Verify table displays correctly with all columns
3. Test search functionality by username
4. Test pagination controls
5. Click on username to navigate to user profile
6. Verify the Add new user button still works (links you to new page)

Pre-Merge Checklist

• Issue requirements met
• All CI pipelines succeeded
• CHANGELOG.md updated
  • Add a db-migration This indicates that a change includes a database migration label to the entry if your change includes a DB migration
  • Add a high-risk This issue suggests changes that have a high-probability of breaking existing code label to the entry if your change includes a high-risk change (i.e. potential for performance impact or unexpected regression) that should be flagged
  • Updates unreleased work already in Changelog, no new entry necessary
• UX feedback:
  • All UX related changes have been reviewed by a designer
  • No UX review needed
• Followup issues:
  • Followup issues created
  • No followup issues
• Database migrations:
  • Ensure that your downrev is up to date with the latest revision on main
  • Ensure that your downgrade() migration is correct and works
    • If a downgrade migration is not possible for this change, please call this out in the PR description!
  • No migrations
• Documentation:
  • Documentation complete, PR opened in fidesdocs
  • Documentation issue created in fidesdocs
  • If there are any new client scopes created as part of the pull request, remember to update public-facing documentation that references our scope registry
  • No documentation updates required

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

2 Skipped Deployments

Project	Deployment	Preview	Comments	Updated (UTC)
fides-plus-nightly	Ignored	Preview		Nov 24, 2025 7:13pm
fides-privacy-center	Ignored			Nov 24, 2025 7:13pm

[greptile-apps]

Greptile Overview

Greptile Summary

Successfully migrated the User Management table from Chakra UI to Ant Design, following established patterns from systems and monitor tables.

Key changes:

• Replaced Chakra table components with Ant Design Table using column definitions
• Created useUserManagementTable.tsx hook that encapsulates table logic, state management, and column definitions
• Properly integrated useTableState and useAntTable hooks for pagination and state management with URL synchronization
• Consolidated search input and "Add new user" button into main table component
• Changed from Layout to FixedLayout to resolve horizontal scroll issue
• Updated Cypress tests to interact with username links instead of table rows
• Removed deprecated components (UserManagementRow.tsx, UserManagementTableActions.tsx)

Implementation strengths:

• Follows the same architectural pattern as other migrated tables in the codebase
• Properly uses existing hooks (useTableState, useSearch, usePagination) via useTableState wrapper
• Cell components are well-organized with proper permission checks
• Test updates correctly handle Ant table structure including measure rows

Confidence Score: 5/5

• This PR is safe to merge - it's a clean UI migration following established patterns
• The implementation follows established patterns from other table migrations in the codebase, properly uses existing hooks and utilities, removes deprecated code cleanly, and updates tests appropriately. The changes are well-structured and maintain consistency with the rest of the admin UI.
• No files require special attention

Important Files Changed

File Analysis

Filename	Score	Overview
clients/admin-ui/src/features/user-management/useUserManagementTable.tsx	4/5	New hook encapsulating table logic with proper state management using useTableState and column definitions - follows established patterns well
clients/admin-ui/src/features/user-management/UserManagementTable.tsx	5/5	Simplified table component migrated to Ant Design - properly uses custom hook and integrates search/add user functionality
clients/admin-ui/src/pages/user-management/index.tsx	5/5	Updated to use FixedLayout instead of Layout to fix horizontal scroll issue, removed separate actions component
clients/admin-ui/cypress/e2e/user-management.cy.ts	5/5	Updated tests to click username links instead of table rows, properly handles Ant table structure with measure rows

[greptile-apps]

_{9 files reviewed, no comments}

_{Edit Code Review Agent Settings | Greptile}

[jpople]

Code looks good; tested locally and all working as expected.