Mirrors/moodist
1
0
Fork 0
mirror of https://github.com/remvze/moodist.git synced 2026-02-28 09:03:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: add alarm for pomodoro timer

Browse Source
This commit is contained in:
MAZE
2024-02-29 15:19:57 +03:30
parent 110356b2da
commit 0eb47ba2e1
3 changed files with 51 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/toolbox/pomodoro/pomodoro.tsx
View File

@@ -9,6 +9,7 @@ import { Button } from './button';
import { Setting } from './setting';
import { useLocalStorage } from '@/hooks/use-local-storage';
import { useSoundEffect } from '@/hooks/use-sound-effect';
import { usePomodoroStore } from '@/store';
import styles from './pomodoro.module.css';
@@ -29,6 +30,8 @@ export function Pomodoro({ onClose, show }: PomodoroProps) {
const [timer, setTimer] = useState(0);
const interval = useRef<ReturnType<typeof setInterval> | null>(null);
const alarm = useSoundEffect('/sounds/alarm.mp3');
const defaultTimes = useMemo(
() => ({
long: 15 * 60,
@@ -74,13 +77,15 @@ export function Pomodoro({ onClose, show }: PomodoroProps) {
if (timer <= 0 && running) {
if (interval.current) clearInterval(interval.current);
alarm.play();
setRunning(false);
setCompletions(prev => ({
...prev,
[selectedTab]: prev[selectedTab] + 1,
}));
}
}, [timer, selectedTab, running, setRunning]);
}, [timer, selectedTab, running, setRunning, alarm]);
useEffect(() => {
const time = times[selectedTab] || 10;