Skip to content

Migrate full page spinners from Chakra to Ant Design#7371

Merged
gilluminate merged 3 commits intomainfrom
gill/ENG-182/migrate-spinners-to-ant-1
Feb 13, 2026
Merged

Migrate full page spinners from Chakra to Ant Design#7371
gilluminate merged 3 commits intomainfrom
gill/ENG-182/migrate-spinners-to-ant-1

Conversation

@gilluminate
Copy link
Copy Markdown
Contributor

@gilluminate gilluminate commented Feb 12, 2026

Ticket ENG-182

Description Of Changes

This is the first iteration of migrating all spinners. This PR is just to replace the custom Chakra-based FidesSpinner component in admin-ui with a new Ant Design-based PageSpinner component in fidesui. Migrates all standalone spinner usages across the admin UI to use the new component, and remove the now-unused FidesSpinner. Also reorganize fidesui exports to group custom components by category (data-entry, feedback, navigation) and move them out of the deprecated ChakraUI section.

Code Changes

  • Added PageSpinner component to fidesui using Ant Design's Spin wrapped in a Flex for alignment
  • Deleted FidesSpinner from admin-ui/src/features/common/
  • Migrated all 13 usages of FidesSpinner to PageSpinner across integration, monitor, manual tasks, attachments, taxonomy, data catalog, and system configuration pages
  • Simplified the integrations table page by removing the redundant FidesSpinner wrapper (the Ant Table component has its own built-in loading prop)
  • Reorganized fidesui/src/index.ts exports to group custom components by category and separate them from deprecated ChakraUI components

Steps to Confirm

  1. Navigate to pages that display loading spinners (e.g., Integrations, Data Catalog, System Configuration, Manual Tasks)
  2. Verify that spinners render correctly with consistent Ant Design styling
  3. Confirm the integrations table shows its built-in loading state instead of a separate full-page spinner

@vercel
Copy link
Copy Markdown
Contributor

vercel bot commented Feb 12, 2026

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

2 Skipped Deployments
Project Deployment Actions Updated (UTC)
fides-plus-nightly Ignored Ignored Preview Feb 12, 2026 10:21pm
fides-privacy-center Ignored Ignored Feb 12, 2026 10:21pm

Request Review

@gilluminate gilluminate changed the title Migrate standalone spinners from Chakra to Ant Design Migrate full page spinners from Chakra to Ant Design Feb 12, 2026
@gilluminate gilluminate force-pushed the gill/ENG-182/migrate-spinners-to-ant-1 branch from 9d90b42 to ad75416 Compare February 12, 2026 04:35
@gilluminate gilluminate force-pushed the gill/ENG-182/migrate-spinners-to-ant-1 branch from ad75416 to 54f2728 Compare February 12, 2026 15:51
@gilluminate gilluminate marked this pull request as ready for review February 12, 2026 15:51
@gilluminate gilluminate requested a review from a team as a code owner February 12, 2026 15:51
@gilluminate gilluminate requested review from speaker-ender and removed request for a team February 12, 2026 15:51
@greptile-apps
Copy link
Copy Markdown
Contributor

greptile-apps bot commented Feb 12, 2026

Greptile Overview

Greptile Summary

Migrated full-page spinners from Chakra UI's FidesSpinner to a new Ant Design-based PageSpinner component. The migration covers 13 usages across integrations, monitoring, manual tasks, taxonomy, data catalog, and system configuration pages.

  • Created new PageSpinner component in fidesui using Ant Design's Spin component
  • Deleted the deprecated Chakra-based FidesSpinner component
  • Simplified integrations table by leveraging Ant Table's built-in loading prop instead of a wrapper spinner
  • Reorganized fidesui exports to group custom components by category (data-entry, feedback, navigation)

Confidence Score: 4/5

  • This PR is safe to merge with minor concerns about circular imports and PR size
  • The migration is straightforward and well-executed. The main concerns are: (1) the PR exceeds the 15-file limit (19 files changed) per custom rule 32b2f192-9cdf-48f0-be68-5c0eaa04fc70, and (2) the new PageSpinner component imports from 'fidesui' creating a circular dependency, though this pattern exists elsewhere in the codebase
  • Pay attention to clients/fidesui/src/components/feedback/PageSpinner.tsx for the circular import pattern

Important Files Changed

Filename Overview
clients/fidesui/src/components/feedback/PageSpinner.tsx New PageSpinner component with circular import from fidesui, but follows existing pattern used in FloatingMenu
clients/fidesui/src/index.ts Export reorganization groups custom components by category (data-entry, feedback, navigation)
clients/admin-ui/src/pages/integrations/index.tsx Simplified by removing redundant FidesSpinner wrapper, relies on Ant Table's built-in loading prop
clients/admin-ui/src/features/integrations/configure-monitor/MonitorDatabasePicker.tsx Changed spinner size from 'xs' to 'small' during migration

Copy link
Copy Markdown
Contributor

@greptile-apps greptile-apps bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

19 files reviewed, 1 comment

Edit Code Review Agent Settings | Greptile

Copy link
Copy Markdown
Contributor

@speaker-ender speaker-ender left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Overall looks good.
Left some minor thoughts around implementation but not a blocker.

alignment?: "center" | "start" | "end";
}

export const PageSpinner = ({
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It seems like this is used in places that aren't always a page.
Also wondering if we need this component and the layout/positioning should be a separate concern.
Understand it being a worth while convenience though.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

open to suggestions. I realized that when I named it, but couldn't think of a cleaner alternative

Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com>
@gilluminate gilluminate added this pull request to the merge queue Feb 13, 2026
Merged via the queue into main with commit d8e61e4 Feb 13, 2026
44 of 45 checks passed
@gilluminate gilluminate deleted the gill/ENG-182/migrate-spinners-to-ant-1 branch February 13, 2026 22:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants