Skip to content

Hide hamburger menu until user is authenticated and onboarded #97

@davidortinau

Description

@davidortinau

Description

The hamburger menu button in the upper left is visible on auth pages (login, register) before the user has logged in. Tapping it opens the full navigation sidebar, which should not be accessible to unauthenticated users.

Root cause: PageHeader.razor always renders the hamburger toggle on mobile (d-md-none). Auth pages like LoginPage.razor and RegisterPage.razor use PageHeader which exposes the nav.

Fix options:

  1. Add an isAuthenticated parameter to PageHeader to conditionally hide the hamburger
  2. Have auth pages not use PageHeader (use a simpler header instead)
  3. Gate the offcanvas target in MainLayout (already gated, but PageHeader still renders the button)

Acceptance Criteria

  • No hamburger icon visible on /auth, /auth/login, /auth/register pages
  • Hamburger only appears after authentication + onboarding complete
  • Mobile nav sidebar inaccessible to unauthenticated users

Labels

squad, squad:kaylee

Metadata

Metadata

Assignees

No one assigned

    Labels

    go:needs-researchNeeds investigationsquadSquad triage inbox — Lead will assign to a membersquad:kayleeAssigned to Kaylee (UI Dev)squad:washAssigned to Wash (Backend Dev)

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions