Skip to content

Decompose NavBar into a navbar/ module#88

Open
b006n97 wants to merge 1 commit into
pr-2-shared-atomsfrom
pr-3-navbar
Open

Decompose NavBar into a navbar/ module#88
b006n97 wants to merge 1 commit into
pr-2-shared-atomsfrom
pr-3-navbar

Conversation

@b006n97

@b006n97 b006n97 commented Jul 2, 2026

Copy link
Copy Markdown
Collaborator

Replace the 469-line monolithic common/NavBar.tsx with a focused module:

  • navbar/index.tsx: composition + shared AppBar shell
  • DesktopNav.tsx / MobileDrawer.tsx: the two responsive layouts
  • LogoIcon.tsx, navStyles.ts (shared sx + easing), navActive.ts (active-route helpers)

WithNav.tsx now imports @/common/navbar. Behavior is preserved (same links, auth gating, active highlighting); styling is updated to the new theme. Depends only on the design-system foundation.

Replace the 469-line monolithic common/NavBar.tsx with a focused module:
- navbar/index.tsx: composition + shared AppBar shell
- DesktopNav.tsx / MobileDrawer.tsx: the two responsive layouts
- LogoIcon.tsx, navStyles.ts (shared sx + easing), navActive.ts (active-route helpers)

WithNav.tsx now imports @/common/navbar. Behavior is preserved (same links,
auth gating, active highlighting); styling is updated to the new theme.
Depends only on the design-system foundation.
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.

1 participant