23. Todo list rozszerzony

function useTodo() {
  const [todos, setTodos] = useLocalStorage('todos', []);
  const [filter, setFilter] = useState({ status: 'all', priority: 'all', tag: null });

  const filteredTodos = useMemo(() => {
    return todos
      .filter((todo) => {
        if (filter.status === 'active') return !todo.completed;
        if (filter.status === 'completed') return todo.completed;
        return true;
      })
      .filter((todo) => {
        if (filter.priority === 'all') return true;
        return todo.priority === filter.priority;
      })
      .filter((todo) => {
        if (!filter.tag) return true;
        return todo.tags?.includes(filter.tag);
      });
  }, [todos, filter]);

  function addTodo(text, { priority = 'medium', tags = [], dueDate = null } = {}) {
    setTodos([...todos, {
      id: crypto.randomUUID(),
      text,
      completed: false,
      priority,
      tags,
      dueDate,
      createdAt: new Date().toISOString(),
    }]);
  }

  return { todos: filteredTodos, filter, setFilter, addTodo, /* ... */ };
}