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 Breadcrumbs to Ant #5610

Merged
merged 9 commits into from
Dec 18, 2024
Merged

Conversation

gilluminate
Copy link
Contributor

@gilluminate gilluminate commented Dec 16, 2024

Closes HJ-213

Description Of Changes

Migrate Chakra breadcrumbs to Ant Design breadcrumbs. Update PageHeader component to make use of proper Heading as well as built-in breadcrumb support. Back button has been replaced by breadcrumbs for new pattern and consistency.

Code Changes

  • New NextBreadcrumb component that supports NextJS navigation in Ant Breadcrumbs
  • Update PageHeader component to use proper H1 heading (still Chakra for now)
  • Add Ant breadcrumb to PageHeader
  • Apply PageHeader to all pages for consistency
  • Update Layout and FixedLayout for consistency
  • Update DiscoveryMonitorBreadcrumbs to use new NextBreadcrumb and Carbon icons
  • Delete DatasetBreadcrumbs.tsx which is now obsolete

Steps to Confirm

  1. Each page in the Admin UI should have a consistent header size/placement and should generally match the left nav item
  2. Breadcrumbs should be used on any section 2 or more levels deep
  3. Back button has been replaced by breadcrumbs as we're using that pattern now instead
  4. Pages where breadcrumb was happening in the large heading have been replaced by regular heading + regular breadcrumb. For example:
  • System inventory -> system
  • Integrations -> integration

Pre-Merge Checklist

  • Issue requirements met
  • All CI pipelines succeeded
  • CHANGELOG.md updated
  • 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 Dec 16, 2024

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 Dec 18, 2024 7:59pm

Copy link

cypress bot commented Dec 16, 2024

fides    Run #11572

Run Properties:  status check passed Passed #11572  •  git commit 82c02e64f3 ℹ️: Merge f94d8b4d5fcc994e688743c5c2b669d048a2641e into 2f1242a3203f1f397cb5283ad6bd...
Project fides
Branch Review refs/pull/5610/merge
Run status status check passed Passed #11572
Run duration 00m 49s
Commit git commit 82c02e64f3 ℹ️: Merge f94d8b4d5fcc994e688743c5c2b669d048a2641e into 2f1242a3203f1f397cb5283ad6bd...
Committer Jason Gill
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 ↗︎

Copy link
Contributor

@lucanovera lucanovera left a comment

Choose a reason for hiding this comment

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

Great work here. The breadcrums looks great and you took the oportunity to refactor and simplify a lot of repetead code.
I left some questions and code improvement suggestions. My main issues are the deleted page and the tricky bug for the sticky page header.

Copy link
Contributor

@lucanovera lucanovera left a comment

Choose a reason for hiding this comment

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

Thanks for addressing all of my comments. It looks great! Approved!

@gilluminate gilluminate merged commit 5fc96af into main Dec 18, 2024
13 checks passed
@gilluminate gilluminate deleted the gill/HJ-213/migrate-breadcrumbs-to-ant branch December 18, 2024 22:57
Copy link

cypress bot commented Dec 18, 2024

fides    Run #11584

Run Properties:  status check passed Passed #11584  •  git commit 5fc96af31d: Migrate Breadcrumbs to Ant (#5610)
Project fides
Branch Review main
Run status status check passed Passed #11584
Run duration 00m 51s
Commit git commit 5fc96af31d: Migrate Breadcrumbs to Ant (#5610)
Committer Jason Gill
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