Dashboard: add "Contracts" link in contract layout header #7436
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
|
## Walkthrough
The changes introduce an optional `currentProjectSubpath` prop to multiple team header components, enabling the display of an additional breadcrumb-like navigation element for active project subpages. This enhancement is reflected in the main component, its client wrapper, and Storybook stories, with updated imports and minor UI adjustments.
## Changes
| File(s) | Change Summary |
|---------------------------------------------------------------------------------------------------|------------------------------------------------------------------------------------------------|
| .../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/layout.tsx | Updated imports; added `currentProjectSubpath` prop to `TeamHeaderLoggedIn` with Contracts link and icon. |
| .../components/TeamHeader/TeamHeaderUI.stories.tsx | Added story variant for "Pro Plan - active subpage"; extended `Variant` component with `currentProjectSubpath` prop. |
| .../components/TeamHeader/TeamHeaderUI.tsx | Added optional `currentProjectSubpath` prop; rendered additional breadcrumb UI if present. |
| .../components/TeamHeader/team-header-logged-in.client.tsx | Extended props to accept and forward `currentProjectSubpath` to header UI components. |
## Sequence Diagram(s)
```mermaid
sequenceDiagram
participant User
participant ContractLayout
participant TeamHeaderLoggedIn
participant TeamHeaderDesktopUI
User->>ContractLayout: Access contract page
ContractLayout->>TeamHeaderLoggedIn: Render with currentProjectSubpath prop
TeamHeaderLoggedIn->>TeamHeaderDesktopUI: Pass currentProjectSubpath prop
TeamHeaderDesktopUI->>User: Render header with breadcrumb (if currentProjectSubpath present)Suggested labels
Suggested reviewers
|
How to use the Graphite Merge QueueAdd either label to this PR to merge it via the merge queue:
You must have a Graphite account in order to use the merge queue. Sign up using this link. An organization admin has enabled the Graphite Merge Queue in this repository. Please do not merge from GitHub as this will restart CI on PRs being processed by the merge queue. This stack of pull requests is managed by Graphite. Learn more about stacking. |
MananTank
changed the title
Codecov ReportAll modified and coverable lines are covered by tests ✅
Additional details and impacted files@@ Coverage Diff @@
## main #7436 +/- ##
=======================================
Coverage 51.96% 51.96%
=======================================
Files 947 947
Lines 63809 63809
Branches 4216 4216
=======================================
Hits 33161 33161
Misses 30542 30542
Partials 106 106
🚀 New features to boost your workflow:
|
size-limit report 📦
|
MananTank
force-pushed
the
06-25-dashboard_header_ui_improvement_for_contract_layout
branch
from
ad3036e to
21e58ee
Compare
joaquim-verges
approved these changes
Jun 24, 2025
Merge activity
|
 <!-- ## title your PR with this format: "[SDK/Dashboard/Portal] Feature/Fix: Concise title for the changes" If you did not copy the branch name from Linear, paste the issue tag here (format is TEAM-0000): ## Notes for the reviewer Anything important to call out? Be sure to also clarify these in your comments. ## How to test Unit tests, playground, etc. --> <!-- start pr-codex --> --- ## PR-Codex overview This PR introduces a new optional property, `currentProjectSubpath`, to enhance the `TeamHeader` components by allowing the display of additional project navigation details, including a label, href, and icon. ### Detailed summary - Added `currentProjectSubpath` property to `TeamHeaderLoggedIn` and `TeamHeaderDesktopUI`. - Updated `TeamHeaderUI` to render project subpath details if provided. - Introduced a new story in `TeamHeaderUI.stories.tsx` to showcase the `currentProjectSubpath` feature. - Integrated `currentProjectSubpath` into the `ContractLayout` component for enhanced navigation. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}` <!-- end pr-codex --> <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit - **New Features** - Added support for displaying an active project subpage link with an icon in the team header, enhancing breadcrumb navigation for projects. - Updated the team header to visually indicate the current subpage within a project. - **Documentation** - Added a new Storybook variant to demonstrate the team header with an active subpage link. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
graphite-app
bot
force-pushed
the
06-25-dashboard_header_ui_improvement_for_contract_layout
branch
from
21e58ee to
d85ee5f
Compare
graphite-app
bot
deleted the
06-25-dashboard_header_ui_improvement_for_contract_layout
branch
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
PR-Codex overview
This PR introduces a new optional property
currentProjectSubpathto various components related to theTeamHeader. This property allows the display of additional project navigation information, enhancing the user interface for project management.Detailed summary
currentProjectSubpathproperty toTeamHeaderLoggedIncomponent.TeamHeaderDesktopUIto render project subpath details if available.currentProjectSubpathinTeamHeaderUIstories for testing.ContractLayoutto include project subpath information.Summary by CodeRabbit
New Features
Documentation