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

Merged
merged 8 commits into from
Jan 20, 2025
Merged

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 ↗︎

1 Skipped Deployment
Name Status Preview Comments Updated (UTC)
fides-plus-nightly ⬜️ Ignored (Inspect) Visit Preview Jan 20, 2025 4:35pm

Copy link

cypress bot commented Jan 17, 2025

fides    Run #11851

Run Properties:  status check passed Passed #11851  •  git commit c5964872a5 ℹ️: Merge af65c6d0eeb0db579c34236d871d43dd41c95677 into fdd8b4bcbaf910f4d5bc5b979d28...
Project fides
Branch Review refs/pull/5681/merge
Run status status check passed Passed #11851
Run duration 00m 59s
Commit git commit c5964872a5 ℹ️: Merge af65c6d0eeb0db579c34236d871d43dd41c95677 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.

@jpople jpople merged commit 43d6ad1 into main Jan 20, 2025
20 checks passed
@jpople jpople deleted the jpople/hj-223/migrate-radio-buttons branch January 20, 2025 17:59
Copy link

cypress bot commented Jan 20, 2025

fides    Run #11853

Run Properties:  status check passed Passed #11853  •  git commit 43d6ad1333: Migrate radio buttons to Ant Design (#5681)
Project fides
Branch Review main
Run status status check passed Passed #11853
Run duration 01m 00s
Commit git commit 43d6ad1333: Migrate radio buttons to Ant Design (#5681)
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 ↗︎

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