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

Add "all activity" breadcrumb to D&D tables #5694

Merged
merged 9 commits into from
Jan 29, 2025

Conversation

jpople
Copy link
Contributor

@jpople jpople commented Jan 20, 2025

Closes HJ-389

Description Of Changes

Adds an "all activity" breadcrumb linking to the respective root page to both detection and discovery result tables.

Steps to Confirm

  1. Visit detection result tables and check breadcrumb links back to /data-discovery/detection
  2. Visit discovery result tables and check breadcrumb links back to /data-discovery/discovery

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 20, 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 29, 2025 6:45pm

Copy link

cypress bot commented Jan 20, 2025

fides    Run #12018

Run Properties:  status check passed Passed #12018  •  git commit 1bac85fa14 ℹ️: Merge e0d5ed5dca8ca0ae5e17821b86ab5deaa8d919f8 into b94e74e755df8318e200c01879b5...
Project fides
Branch Review refs/pull/5694/merge
Run status status check passed Passed #12018
Run duration 00m 46s
Commit git commit 1bac85fa14 ℹ️: Merge e0d5ed5dca8ca0ae5e17821b86ab5deaa8d919f8 into b94e74e755df8318e200c01879b5...
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 5
⚠️ You've recorded test results over your free plan limit.
Upgrade your plan to view test results.
View all changes introduced in this branch ↗︎

@jpople jpople requested a review from gilluminate January 22, 2025 19:51
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.

@jpople The first 2 links both point to the same place now, which seems odd. Is that expected?

onPathClick(urnParts.slice(0, index + 1).join("."));
}
: undefined,
href: isLast ? undefined : "",
Copy link
Contributor Author

Choose a reason for hiding this comment

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

We don't actually use the href for navigation but its presence determines whether the item has a hover state.

Copy link
Contributor

Choose a reason for hiding this comment

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

In that case I would suggest we update NextBreadcrumb to look for onclick without href and use a button element in that instance instead of the NextLink element, especially for accessibility concerns.

size="small"
icon={modifiedItem.icon}
onClick={modifiedItem.onClick}
className="ant-breadcrumb-link -mt-px px-1 text-inherit"
Copy link
Contributor Author

Choose a reason for hiding this comment

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

@gilluminate Updated NextBreadcrumb as you suggested.

This top margin is ugly, but was the closest I was able to get to centering the buttons vertically so the breadcrumb items are aligned-- Ant doesn't expose much of its item rendering and they don't have classes to style with SCSS either.

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.

Great improvement. Love the accessibility support

@jpople jpople merged commit 8e151f5 into main Jan 29, 2025
20 checks passed
@jpople jpople deleted the jpople/hj-389/dnd-all-activity-breadcrumb branch January 29, 2025 19:03
Copy link

cypress bot commented Jan 29, 2025

fides    Run #12023

Run Properties:  status check passed Passed #12023  •  git commit 8e151f5fa1: Add "all activity" breadcrumb to D&D tables (#5694)
Project fides
Branch Review main
Run status status check passed Passed #12023
Run duration 00m 48s
Commit git commit 8e151f5fa1: Add "all activity" breadcrumb to D&D tables (#5694)
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 5
⚠️ 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