Issue: Deep Dive & Fix – UI Timers Not Starting (Start/Stop Actions) #27
Assignees
Comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Objective
Investigate and resolve issues where UI timers do not start as expected. Ensure the following cases are fully supported and visually correct:
Effort block with a countdown timer: Show the countdown timer.
Effort block with no duration: Show a count-up timer until the "Complete" button is clicked.
Repeating block as a timer group: Show the repeating timer group timer.
Plan of Action
Identify all components, hooks, and context providers related to timers, start/stop actions, and their UI display.
Locate the logic for:
Timer initialization and state management.
Start/stop/pause/resume actions.
UI rendering of timers (countdown, count-up, group timers).
a. Effort Block with Countdown Timer
Trace how the countdown timer is initialized and started.
Verify the UI updates in real-time as the timer counts down.
Check for edge cases (e.g., timer not starting, UI not updating, timer not stopping).
b. Effort Block with No Duration
Confirm that a count-up timer is shown when no duration is set.
Ensure the timer starts on "start" and stops on "complete".
Validate that the UI reflects the elapsed time correctly.
c. Repeating Block as Timer Group
Identify how timer groups are managed and displayed.
Ensure the group timer starts and updates for each repetition.
Check for correct synchronization between group and individual timers.
Review the visual display of timers for all cases.
Ensure timers are clearly visible, accurate, and responsive to user actions.
Check for accessibility and clarity (labels, colors, progress, etc.).
Use Storybook and/or the main app to reproduce the "timers not starting" issue in each scenario.
Document any discrepancies between expected and actual behavior.
Check for console errors, state mismatches, or missing event handlers.
Refactor or fix timer logic as needed:
Ensure timers are started/stopped/paused correctly in all cases.
Fix any UI update issues (e.g., use of state, effects, or context).
Add or update tests for timer logic and UI.
Ensure all timer types (countdown, count-up, group) are handled.
Manually test all timer scenarios in Storybook and the main app.
Confirm that timers start, update, and stop as expected.
Validate with automated tests if available.
Update relevant documentation (README, Storybook stories, code comments) to clarify timer behavior and usage.
Acceptance Criteria
Countdown timers display and update correctly for effort blocks with duration.
Count-up timers display and update for effort blocks with no duration, stopping on "Complete".
Repeating timer group displays and updates correctly for repeating blocks.
All timer start/stop actions are reliable and visually clear.
No regressions in timer-related features.
Additional Notes
Reference any related files, components, or hooks discovered during the investigation.
If architectural changes are needed, propose them with rationale.
Communicate any blockers or unclear requirements.
The text was updated successfully, but these errors were encountered: