Skip to content

02.09 - Add Settings Cog Icon and Adjustable Timer Dialog #10

Description

@codingU4EA

Feature Overview

Implement a settings dialog in the Pomo-Vibes app, accessible via a cog wheel icon/emoji. This dialog will allow users to increase or decrease the timer duration, giving them control over their session length.

Requirements

  • Add a cog wheel icon or emoji (⚙️) to the UI for opening the settings dialog.
  • When clicked/tapped, a dialog should appear for adjusting the timer duration.
  • Dialog must allow users to set timer length (increase/decrease minutes).
  • UI/UX for dialog should be intuitive, responsive, and accessible.
  • Changing the timer value updates the timer for subsequent sessions (does not reset current running timer unless confirmed).
  • Ensure settings dialog does not interfere with other app functions.

Acceptance Criteria

  • Cog wheel icon/emoji is visible and opens the settings dialog.
  • Users can set timer to any value (within reasonable min/max limits).
  • Dialog interactions are smooth, clear, and responsive.
  • Changing timer duration updates future sessions appropriately.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions