import { useState } from 'react'; import { useTaskStore, Task } from '../store/taskStore'; import { useTimerStore } from '../store/timerStore'; export function TaskList() { const { tasks, addTask, deleteTask, setCurrentTask } = useTaskStore(); const currentTaskId = useTimerStore((s) => s.currentTaskId); const [showForm, setShowForm] = useState(false); const [newName, setNewName] = useState(''); const [newSessions, setNewSessions] = useState(4); const handleAdd = async () => { const name = newName.trim(); if (!name) return; await addTask(name, newSessions); setNewName(''); setNewSessions(4); setShowForm(false); }; const handleSelect = async (task: Task) => { if (task.id === currentTaskId) { await setCurrentTask(null); } else { await setCurrentTask(task.id); } }; const handleDelete = async (e: React.MouseEvent, id: string) => { e.stopPropagation(); await deleteTask(id); }; return ( ); }