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 support for custom components in TopNavigation links #2481

Merged
merged 7 commits into from
Apr 4, 2024

Conversation

connor-baer
Copy link
Member

@connor-baer connor-baer commented Apr 2, 2024

Purpose

The TopNavigation currently assumes a very specific layout for the profile menu. The profileMenu and user props are oddly specific for a design system component.

Additionally, the profile menu is implemented using the Popover component, whose menu role is semantically incorrect for this context (fixed in #2483).

Approach and changes

  • Deprecated the profileMenu and user props
  • Added support for passing custom components to the TopNavigation's links prop

Definition of done

  • Development completed
  • Reviewers assigned
  • Unit and integration tests
  • Meets minimum browser support
  • Meets accessibility requirements

@connor-baer connor-baer requested a review from a team as a code owner April 2, 2024 14:47
Copy link

changeset-bot bot commented Apr 2, 2024

🦋 Changeset detected

Latest commit: 63aa21f

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages
Name Type
@sumup/circuit-ui Minor
@sumup/eslint-plugin-circuit-ui Major

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

Copy link

vercel bot commented Apr 2, 2024

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

Name Status Preview Comments Updated (UTC)
oss-circuit-ui ✅ Ready (Inspect) Visit Preview 💬 Add feedback Apr 4, 2024 11:24am

Copy link
Contributor

@tranhoangan22 tranhoangan22 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 adding this change! 🚀

Copy link

codecov bot commented Apr 3, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 87.48%. Comparing base (0988ece) to head (63aa21f).

Additional details and impacted files

Impacted file tree graph

@@            Coverage Diff             @@
##             main    #2481      +/-   ##
==========================================
+ Coverage   87.45%   87.48%   +0.02%     
==========================================
  Files         195      195              
  Lines       20572    20615      +43     
  Branches     1225     1229       +4     
==========================================
+ Hits        17992    18035      +43     
  Misses       2529     2529              
  Partials       51       51              
Files Coverage Δ
...ation/components/SecondaryLinks/SecondaryLinks.tsx 100.00% <100.00%> (ø)
...cuit-ui/components/TopNavigation/TopNavigation.tsx 100.00% <100.00%> (ø)
...avigation/components/UtilityLinks/UtilityLinks.tsx 100.00% <100.00%> (ø)

@connor-baer connor-baer merged commit 43951d0 into main Apr 4, 2024
13 of 14 checks passed
@connor-baer connor-baer deleted the feature/topnavigation-slots branch April 4, 2024 12:34
@connor-baer connor-baer mentioned this pull request Apr 4, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants