{title}

{tasks.length} items

\n\n

\n {tasks.length === 0 ? (\n

✨

No tasks here!

You're all caught up in this list.

\n ) : (\n

\n {tasks.map(task => (\n \n

\n onTaskComplete(task.id, e.target.checked)}\n className=\"mt-1 h-4 w-4 text-blue-600 rounded border-gray-300 focus:ring-blue-500\"\n />\n \n

\n {task.title}\n

\n \n {task.description && (\n

\n {task.description}\n

\n )}\n \n

\n {task.context && (\n \n {task.context}\n \n )}\n \n {task.project_id && (\n \n 📁 {getProjectTitle(task.project_id)}\n \n )}\n \n {task.due_date && (\n \n 📅 {formatDate(task.due_date)}\n \n )}\n

\n \n

\n onTaskEdit(task)}\n className=\"p-1 text-gray-400 hover:text-blue-600 transition-colors\"\n title=\"Edit task\"\n >\n ✏️\n \n onTaskDelete(task.id)}\n className=\"p-1 text-gray-400 hover:text-red-600 transition-colors\"\n title=\"Delete task\"\n >\n 🗑️\n \n

\n ))}\n

\n )}\n

\n \n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/jessicaocean/gtd/code/frontend/components/TaskList.tsx","extension","actionData","errors"]