📋

Nenhuma tarefa ainda!

Adicione sua primeira tarefa para começar a organizar seu trabalho.

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

\n {/* Filters */}\n

\n Status:\n {(['all', 'active', 'completed'] as const).map(status => (\n setFilter(status)}\n className={`px-3 py-1 text-xs rounded-full transition-colors ${\n filter === status \n ? 'conversion-blue text-white' \n : 'bg-gray-200 text-gray-700 hover:bg-gray-300'\n }`}\n >\n {status === 'all' ? 'Todas' : status === 'active' ? 'Ativas' : 'Concluídas'}\n \n ))}\n

\n \n

\n Categoria:\n setCategoryFilter('all')}\n className={`px-3 py-1 text-xs rounded-full transition-colors ${\n categoryFilter === 'all' \n ? 'conversion-blue text-white' \n : 'bg-gray-200 text-gray-700 hover:bg-gray-300'\n }`}\n >\n Todas\n \n {(['work', 'personal', 'urgent', 'ideas'] as const).map(category => (\n setCategoryFilter(category)}\n className={`px-3 py-1 text-xs rounded-full transition-colors ${\n categoryFilter === category \n ? 'conversion-blue text-white' \n : 'bg-gray-200 text-gray-700 hover:bg-gray-300'\n }`}\n >\n {getCategoryIcon(category)} {getCategoryLabel(category)}\n \n ))}\n

\n\n {/* Todo Items */}\n

\n {sortedTodos.map(todo => (\n \n

\n onUpdate(todo.id, { completed: !todo.completed })}\n disabled={loading}\n className={`mt-1 w-5 h-5 rounded border-2 flex items-center justify-center transition-colors ${\n todo.completed \n ? 'bg-green-500 border-green-500 text-white' \n : 'border-gray-300 hover:border-green-500'\n }`}\n >\n {todo.completed && '✓'}\n \n \n

\n {getCategoryIcon(todo.category)}\n {getCategoryLabel(todo.category)}\n {getPriorityIcon(todo.priority)}\n {todo.priority === 'high' ? 'Alta' : todo.priority === 'medium' ? 'Média' : 'Baixa'} prioridade\n {isOverdue(todo.dueDate) && !todo.completed && (\n \n Atrasada\n \n )}\n

\n \n

\n {todo.title}\n

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

\n {todo.description}\n

\n )}\n \n

\n Criada: {formatDate(todo.createdAt)}\n {todo.dueDate && (\n \n 📅 Vencimento: {formatDate(todo.dueDate)}\n \n )}\n {todo.updatedAt !== todo.createdAt && (\n Atualizada: {formatDate(todo.updatedAt)}\n )}\n

\n \n onDelete(todo.id)}\n disabled={loading}\n className=\"text-gray-400 hover:text-red-500 p-1 rounded transition-colors disabled:opacity-50\"\n title=\"Excluir tarefa\"\n >\n 🗑️\n \n

\n ))}\n

\n\n {filteredTodos.length === 0 && todos.length > 0 && (\n

🔍

Nenhuma tarefa encontrada com os filtros selecionados.

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