Skip to content

FRONTEND — Implement Month Navigation Logic #277

@A6dulmalik

Description

@A6dulmalik

Description:

Add working previous/next month functionality.

Figma Access

UI Reference
should be added

Location:

frontend/components/WeeklyCalendar.tsx (or frontend/components/StreakCalendar.tsx if newly created)

Existing Components to Use:

Calendar component

Navigation:

This component will be accessed when clicking the streak fire icon on the navbar, which navigates to /streak page.

Requirements:

  • Clicking arrows updates month
  • Calendar recalculates correctly
  • Handles year boundaries
  • Memoized calculations
  • No full page reload

Acceptance Criteria

  • Smooth navigation
  • Correct day alignment
  • No off-by-one errors
  • Tested for multiple months

Metadata

Metadata

Assignees

No one assigned

    Labels

    frontendnextjsThe text stack being used for developmentuidesign interface

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions