Migrate consent reporting tables to Ant Design

[gilluminate]

Ticket ENG-2276

Description Of Changes

Migrated both tables in the consent reporting feature.

• Migrated TCF consent table to Ant Design with shared TcfConsentTable component
• Migrated privacy notice preferences table to Ant Design
• Created useTcfConsentTable hook with exported utility functions for data transformation
• Created useConsentLookupTable hook for privacy notice table logic
• Removed deprecated useTcfConsentColumns and useConsentLookupTableColumns hooks
• Updated Cypress tests to work with new Ant table structure
• Implemented client-side pagination with URL state disabled for modal contexts

Both tables use useTableState with disableUrlState: true for modal-only data. Exported mapTcfPreferencesToRowColumns and filterTcfConsentPreferences as pure functions for reusability. Maintained existing filtering logic that excludes system/vendor TCF preferences.

Code Changes

• Created clients/admin-ui/src/features/consent-reporting/TcfConsentTable.tsx - Shared TCF table component
• Created clients/admin-ui/src/features/consent-reporting/hooks/useTcfConsentTable.tsx - TCF table hook with utility functions
• Created clients/admin-ui/src/features/consent-reporting/hooks/useConsentLookupTable.tsx - Privacy notice table hook
• Updated clients/admin-ui/src/features/consent-reporting/ConsentLookupModal.tsx - Uses new Ant tables
• Updated clients/admin-ui/src/features/consent-reporting/ConsentTcfDetailModal.tsx - Uses new Ant table component
• Updated clients/admin-ui/cypress/e2e/consent-reporting.cy.ts - Updated test selectors for Ant tables
• Deleted clients/admin-ui/src/features/consent-reporting/hooks/useTcfConsentColumns.tsx - Replaced by new hook
• Deleted clients/admin-ui/src/features/consent-reporting/hooks/useConsentLookupTableColumns.tsx - Replaced by new hook

Steps to Confirm

1. Navigate to Consent Reporting page
2. Click kebab menu and select "Consent preference lookup"
3. Search for a user (e.g., test@example.com)
4. Verify privacy notice preferences table displays correctly with pagination
5. Verify TCF consent details table displays (if TCF data exists) with pagination
6. Click on a consent record row and open TCF detail modal
7. Verify TCF table in modal displays correctly
8. Confirm all tables show proper styling, badges, and empty states

Pre-Merge Checklist

• Issue requirements met
• All CI pipelines succeeded
• CHANGELOG.md updated
• UX feedback:
  • No UX review needed
• Followup issues:
  • No followup issues
• Database migrations:
  • No migrations
• Documentation:
  • No documentation updates required

[vercel]

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

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
fides-plus-nightly	Ignored	Preview	Feb 3, 2026 4:48pm
fides-privacy-center	Ignored		Feb 3, 2026 4:48pm

[greptile-apps]

Greptile Overview

Greptile Summary

Migrated all consent reporting tables from TanStack Table (FidesTableV2) to Ant Design, completing the table migration effort for this feature.

Key Changes

• Created shared TcfConsentTable component for reuse across modals
• Extracted table logic into useTcfConsentTable and useConsentLookupTable hooks
• Exported pure utility functions (mapTcfPreferencesToRowColumns, filterTcfConsentPreferences) for reusability
• Used useTableState with disableUrlState: true for modal-only data
• Updated Cypress tests to work with Ant Design table structure
• Removed deprecated TanStack Table column hooks

Implementation Quality

• Clean separation of concerns with dedicated hooks
• Proper use of existing useTableState hook for state management
• Maintained all existing filtering logic (excludes system/vendor TCF preferences)
• Client-side pagination without URL state for modal contexts
• Test coverage updated appropriately

Confidence Score: 5/5

• This PR is safe to merge with no issues found
• Clean refactoring that replaces TanStack Table with Ant Design while maintaining all existing functionality. Code is well-structured with proper separation of concerns, uses existing hooks correctly, and includes updated test coverage. No logical errors, security issues, or breaking changes detected.
• No files require special attention

Important Files Changed

Filename	Overview
clients/admin-ui/src/features/consent-reporting/hooks/useTcfConsentTable.tsx	Created new hook for TCF table logic with exported utility functions for data transformation
clients/admin-ui/src/features/consent-reporting/hooks/useConsentLookupTable.tsx	Created new hook for privacy notice preferences table with Ant Design integration
clients/admin-ui/src/features/consent-reporting/ConsentLookupModal.tsx	Migrated from TanStack Table to Ant Design, using new hooks and table components
clients/admin-ui/src/features/consent-reporting/ConsentTcfDetailModal.tsx	Simplified modal by using shared TcfConsentTable component instead of inline table logic

[greptile-apps]

_{4 files reviewed, no comments}

_{Edit Code Review Agent Settings | Greptile}

[jpople]

Tested locally, looking good to me, nice refactor.