Skip to content

Create Fan Mode toggle and app sidebar layout #86

@aji70

Description

@aji70

Description

The goal is to implement the sidebar layout and Fan Mode toggle from Profile.png. Add "My Fans" header, Fan Mode switch, nav items (Home, Profile, Subscriptions, Discover, Logout). Profile highlighted when active. Responsive: drawer on mobile. Persist mode in localStorage. Figma/Profile.png reference provided.

Tasks

  1. Create sidebar:

    • "My Fans" branding at top
    • Fan Mode toggle with label
    • Nav: Home, Profile, Subscriptions, Discover, Logout
    • Icons; active state (pill)
  2. Mode switching:

    • Toggle updates nav/routes based on creator vs fan mode
    • Persist in localStorage
  3. Responsive:

    • Drawer on mobile; overlay
    • Bottom nav alternative if preferred

Additional Requirements

  • Ensure toggle is accessible (label, state announced)

Acceptance Criteria

  • Sidebar matches design
  • Toggle switches mode; nav updates
  • Active state correct
  • Mode persisted
  • Responsive

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions