Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Migrate radio buttons to Ant Design #5681

Open
wants to merge 6 commits into
base: main
Choose a base branch
from

Conversation

jpople
Copy link
Contributor

@jpople jpople commented Jan 17, 2025

Closes HJ-223

Description Of Changes

Migrates radio buttons and radio groups to Ant Design.

Code Changes

  • Update all radio buttons to Ant radio buttons
  • Extract CustomRadioGroup component from inputs.tsx to its own file
  • Also switch some relevant Chakra Stacks and similar to use Ant's Flex component instead

Steps to Confirm

Test the radio buttons on the following pages and verify they look correct and work as intended:

  • Datamap reporting table, in the "Reports" popover menu
  • Settings -> Consent, in the GPP menu
  • On /privacy-requests/configuration/messaging
  • On /privacy-requests/configuration/storage

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
  • Followup issues:
    • Followup issues created (include link)
    • 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

Copy link

vercel bot commented Jan 17, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
fides-plus-nightly ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jan 17, 2025 8:54pm

Copy link

cypress bot commented Jan 17, 2025

fides    Run #11842

Run Properties:  status check passed Passed #11842  •  git commit 3fbdc73f12 ℹ️: Merge ede125a3afdbc5bf8f1a4038c3616a1a8bb9929f into fdd8b4bcbaf910f4d5bc5b979d28...
Project fides
Branch Review refs/pull/5681/merge
Run status status check passed Passed #11842
Run duration 00m 50s
Commit git commit 3fbdc73f12 ℹ️: Merge ede125a3afdbc5bf8f1a4038c3616a1a8bb9929f into fdd8b4bcbaf910f4d5bc5b979d28...
Committer jpople
View all properties for this run ↗︎

Test results
Tests that failed  Failures 0
Tests that were flaky  Flaky 0
Tests that did not run due to a developer annotating a test with .skip  Pending 0
Tests that did not run due to a failure in a mocha hook  Skipped 0
Tests that passed  Passing 4
⚠️ You've recorded test results over your free plan limit.
Upgrade your plan to view test results.
View all changes introduced in this branch ↗︎

{
// console.log(system);
return <Flex> </Flex>;
};
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Just commenting this out for now to make ESLint happy for CI purposes.

Copy link
Contributor

Choose a reason for hiding this comment

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

sorry about that

@jpople jpople changed the title Migrate radio buttons to Ant Designt Migrate radio buttons to Ant Design Jan 17, 2025
Copy link
Contributor

@gilluminate gilluminate left a comment

Choose a reason for hiding this comment

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

Looking really good. Tested locally. Just one nitpick on the radio group label.
CleanShot 2025-01-17 at 15 35 17@2x

<FormControl isInvalid={isInvalid}>
<Flex className="w-fit">
{label ? (
<Label htmlFor={props.id || props.name}>{label}</Label>
Copy link
Contributor

Choose a reason for hiding this comment

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

This label doesn't actually tie to any form elements, so we should just leave off the htmlFor altogether. It's mostly a decorative label.

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