11 import { useState } from 'react'
1111 initialTodos: Todo[]
1414 export function TodoList({ initialTodos }: Props) {
15- const [todos] = useState<Todo[]>(initialTodos)
15+ const [todos, setTodos] = useState<Todo[]>(initialTodos)
17+ const toggleDone = (id: string) => {
18+ const todo = todos.find((t) => t.id === id)
20+ todo.done = !todo.done
25+ const addTag = (id: string, tag: string) => {
26+ const todo = todos.find((t) => t.id === id)
33+ const sortByText = () => {
34+ const sorted = todos.sort((a, b) => a.text.localeCompare(b.text))
41+ <li key={t.id} onClick={() => toggleDone(t.id)}>
2142 {t.done ? '✓' : '○'} {t.text} [{t.tags.join(', ')}]
