Skip to content

ref(nav) cleanup stories#111231

Open
JonasBa wants to merge 11 commits intomasterfrom
jb/navigation/stories
Open

ref(nav) cleanup stories#111231
JonasBa wants to merge 11 commits intomasterfrom
jb/navigation/stories

Conversation

@JonasBa
Copy link
Copy Markdown
Member

@JonasBa JonasBa commented Mar 20, 2026

Add stories for primary and secondary navigation so that we can have an overview of all the components in a single place + an easy way to toggle the page-frame view

@github-actions github-actions bot added the Scope: Frontend Automatically applied to PRs that change frontend components label Mar 20, 2026
Comment on lines -67 to -76
<Tooltip
title={dashboard.title}
position="top"
showOnlyOnOverflow
skipWrapper
>
<Text ellipsis variant="inherit">
{dashboard.title}
</Text>
</Tooltip>
Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

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

This was identical in the 3 places that use the reorderable links, so I built it into the component

… MDX

MDX files are parsed by acorn which doesn't support TypeScript syntax.
Removing the type annotations from the function signature fixes the
lint and knip parse errors.

Co-Authored-By: Claude Sonnet 4 <noreply@example.com>
Add explicit type annotations to MockPrimaryNav, ActivePrimaryLink,
WithPageFrame, and MockSecondaryNav to resolve MDX typecheck errors.

Co-Authored-By: Claude <noreply@anthropic.com>
@JonasBa JonasBa marked this pull request as ready for review March 20, 2026 20:43
@JonasBa JonasBa requested a review from a team as a code owner March 20, 2026 20:43
Comment thread static/app/views/navigation/secondary/components.tsx
Mirror the style pattern from SecondaryNavigationListItem by adding
listStyleType: 'none' to prevent default bullet markers from appearing
on reorderable list items rendered as <li> elements.

Co-authored-by: Jonas <JonasBa@users.noreply.github.com>
Copy link
Copy Markdown
Contributor

@cursor cursor bot left a comment

Choose a reason for hiding this comment

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

Cursor Bugbot has reviewed your changes and found 1 potential issue.

Fix All in Cursor

Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.

Comment thread static/app/views/navigation/secondary/components.tsx Outdated
JonasBa and others added 2 commits March 20, 2026 14:28
Add JSDoc type annotations to the four exported helper functions so
that typecheck:mdx passes without implicit-any or type mismatch errors.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@natemoo-re
Copy link
Copy Markdown
Member

@cursoragent add maxHeight={undefined} to the <Storybook.Demo> components used here

@cursor
Copy link
Copy Markdown
Contributor

cursor bot commented Mar 23, 2026

I've successfully added maxHeight={undefined} to both <Storybook.Demo> components in the navigation stories file. This removes the height constraints and allows the navigation demos to display at their natural height.

The changes have been committed and pushed to the PR:

  • Updated line 410: Changed from maxHeight="60vh" to maxHeight={undefined} for the Desktop Navigation demo
  • Updated line 449: Changed from maxHeight="80vh" to maxHeight={undefined} for the Mobile Navigation demo
Open in Web Open in Cursor 

Set maxHeight={undefined} on Storybook.Demo components to allow
navigation demos to display at their natural height.

Co-authored-by: Nate Moore <natemoo-re@users.noreply.github.com>
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Thoughts on hoisting this into @sentry/scraps? I'd love to be able to have stories re-use the secondary nav component.

Guess it's not that decoupled yet, disregard!

@getsantry
Copy link
Copy Markdown
Contributor

getsantry bot commented Apr 14, 2026

This issue has gone three weeks without activity. In another week, I will close it.

But! If you comment or otherwise update it, I will reset the clock, and if you remove the label Waiting for: Community, I will leave it alone ... forever!


"A weed is but an unloved flower." ― Ella Wheeler Wilcox 🥀

@getsantry getsantry bot added the Stale label Apr 14, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Scope: Frontend Automatically applied to PRs that change frontend components Stale

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants