@@ -19,7 +19,6 @@ interface TimerItemProps {
1919 timer : Timer
2020 onRemove : ( id : string ) => void
2121 onPause : ( id : string ) => void
22- onResume : ( id : string ) => void
2322}
2423
2524function formatTime ( ms : number ) : string {
@@ -33,7 +32,7 @@ function formatTime(ms: number): string {
3332 return `${ String ( m ) . padStart ( 2 , '0' ) } :${ String ( s ) . padStart ( 2 , '0' ) } `
3433}
3534
36- function TimerItem ( { timer, onRemove, onPause, onResume } : TimerItemProps ) {
35+ function TimerItem ( { timer, onRemove, onPause } : TimerItemProps ) {
3736 const tickTimer = useTimerStore ( ( s ) => s . tickTimer )
3837 const timeoutRef = useRef < ReturnType < typeof setTimeout > | null > ( null )
3938
@@ -76,13 +75,9 @@ function TimerItem({ timer, onRemove, onPause, onResume }: TimerItemProps) {
7675 < div className = "timer-header" >
7776 < span className = "timer-label" > { timer . label || 'Timer' } </ span >
7877 < div className = "timer-controls" >
79- { ! isCompleted && (
80- < button
81- className = "timer-btn"
82- onClick = { ( ) => ( isPaused ? onResume ( timer . id ) : onPause ( timer . id ) ) }
83- title = { isPaused ? 'Resume' : 'Pause' }
84- >
85- { isPaused ? '▶' : '⏸' }
78+ { timer . status === 'running' && (
79+ < button className = "timer-btn" onClick = { ( ) => onPause ( timer . id ) } title = "Pause" >
80+ ⏸
8681 </ button >
8782 ) }
8883 < button
@@ -125,7 +120,6 @@ export function TimersPage({ onClose }: TimersPageProps) {
125120 const addTimer = useTimerStore ( ( s ) => s . addTimer )
126121 const removeTimer = useTimerStore ( ( s ) => s . removeTimer )
127122 const pauseTimer = useTimerStore ( ( s ) => s . pauseTimer )
128- const resumeTimer = useTimerStore ( ( s ) => s . resumeTimer )
129123 const completeTimer = useTimerStore ( ( s ) => s . completeTimer )
130124 const addToast = useAppStore ( ( s ) => s . addToast )
131125
@@ -291,13 +285,7 @@ export function TimersPage({ onClose }: TimersPageProps) {
291285 </ div >
292286 ) : (
293287 timers . map ( ( t ) => (
294- < TimerItem
295- key = { t . id }
296- timer = { t }
297- onRemove = { handleRemove }
298- onPause = { pauseTimer }
299- onResume = { resumeTimer }
300- />
288+ < TimerItem key = { t . id } timer = { t } onRemove = { handleRemove } onPause = { pauseTimer } />
301289 ) )
302290 ) }
303291 </ div >
0 commit comments