hax/moodist
1
0
Fork 0
mirror of https://github.com/remvze/moodist.git synced 2025-12-17 08:54:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: persist pomodoro setting

Browse source
This commit is contained in:
MAZE 2024-02-25 21:29:52 +03:30
parent 1ac52861d1
commit 665e2173f4
1 changed files with 15 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/components/toolbox/pomodoro/pomodoro.tsx
View file

@ -8,6 +8,8 @@ import { Timer } from './timer';
import { Button } from './button'; import { Button } from './button';
import { Setting } from './setting'; import { Setting } from './setting';
import { useLocalStorage } from '@/hooks/use-local-storage';
import styles from './pomodoro.module.css'; import styles from './pomodoro.module.css';
interface PomodoroProps { interface PomodoroProps {
@ -23,11 +25,19 @@ export function Pomodoro({ onClose, show }: PomodoroProps) {
const [timer, setTimer] = useState(0); const [timer, setTimer] = useState(0);
const interval = useRef<ReturnType<typeof setInterval> | null>(null); const interval = useRef<ReturnType<typeof setInterval> | null>(null);
const [times, setTimes] = useState<Record<string, number>>({ const defaultTimes = useMemo(
long: 60, () => ({
pomodoro: 60, long: 60,
short: 60, pomodoro: 60,
}); short: 60,
}),
[],
);
const [times, setTimes] = useLocalStorage<Record<string, number>>(
'moodist-pomodoro-setting',
defaultTimes,
);
const [completions, setCompletions] = useState<Record<string, number>>({ const [completions, setCompletions] = useState<Record<string, number>>({
long: 0, long: 0,