\n {task ? \"Editar Tarefa\" : \"Nova Tarefa\"}\n

\n \n \n \n

\n\n {error && (\n

\n {error}\n

\n )}\n\n

\n \n Título\n \n setTitle(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-blue-500 focus:border-blue-500\"\n placeholder=\"Digite o título da tarefa\"\n autoFocus\n />\n

\n\n

\n \n Descrição (opcional)\n \n setDescription(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-blue-500 focus:border-blue-500\"\n placeholder=\"Digite uma descrição para a tarefa\"\n rows={3}\n />\n

\n\n

\n \n Data de vencimento (opcional)\n \n setDueDate(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-blue-500 focus:border-blue-500\"\n />\n

\n\n

\n \n Prioridade\n \n

\n \n setPriority(1)}\n className=\"mr-2\"\n />\n Alta\n \n \n setPriority(2)}\n className=\"mr-2\"\n />\n Média\n \n \n setPriority(3)}\n className=\"mr-2\"\n />\n Baixa\n \n \n setPriority(4)}\n className=\"mr-2\"\n />\n Nenhuma\n \n

\n\n

\n \n Cancelar\n \n \n {task ? \"Atualizar\" : \"Criar\"}\n \n

\n );\n};\n\nexport default TaskModal;","deleted","label",[171,172,173,153],"frontend","components","Tasks","permalink","https://www.val.town/x/charmaine/TastkIt/code/frontend/components/Tasks/TaskModal.tsx","extension","actionData","errors"]