\n setEditTitle(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent outline-none\"\n autoFocus\n />\n \n setEditDescription(e.target.value)}\n placeholder=\"Descrição (opcional)\"\n rows={2}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent outline-none resize-none\"\n />\n\n

\n setEditPriority(e.target.value as 'baixa' | 'media' | 'alta')}\n className=\"px-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent outline-none\"\n >\n \n \n \n \n\n setEditDueDate(e.target.value)}\n className=\"px-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent outline-none\"\n />\n

\n\n

\n \n Cancelar\n \n \n Salvar\n \n

\n );\n }\n\n return (\n

\n \n {todo.completed && '✓'}\n \n\n

\n {todo.title}\n

\n \n {todo.description && (\n

\n {todo.description}\n

\n )}\n\n

\n \n {priorityIcons[todo.priority]}\n {todo.priority}\n \n\n {todo.due_date && (\n \n 📅\n {formatDate(todo.due_date)}\n {isOverdue && (Atrasada)}\n \n )}\n\n \n Criada em {formatDate(todo.created_at)}\n \n

\n\n

\n setIsEditing(true)}\n className=\"text-gray-400 hover:text-blue-600 transition-colors\"\n title=\"Editar\"\n >\n ✏️\n \n onDelete(todo.id)}\n className=\"text-gray-400 hover:text-red-600 transition-colors\"\n title=\"Deletar\"\n >\n 🗑️\n \n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/diegoivo/todo-sqlite/code/frontend/components/TodoItem.tsx","extension","actionData","errors"]