rodrigo/advx
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

dashboard: reimaginacao

Browse Source 
Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>
This commit is contained in:
rodrigo committed 2025-07-15 20:28:16 -03:00
1 parent 3d919350c8
commit a4206a7611
1 file changed
+33 -21
Download Patch File Download Diff File Expand all files Collapse all files
src/components/dashboard/WorkflowTarefas.tsx
+33 -21
View File
@@ -47,31 +47,43 @@ export const WorkflowTarefas: React.FC = () => {
return (
<div className="flex flex-col gap-4">
{tarefasAtivas.map((tarefa: Tarefa) => (
<div key={tarefa.id} className="border rounded p-4 shadow flex justify-between items-center">
<span className="font-medium">{tarefa.titulo}</span>
<span className={`px-2 py-1 rounded text-xs ${
tarefa.status === 'CONCLUIDA' ? 'bg-green-100 text-green-700' : tarefa.status === 'EM_ANDAMENTO' ? 'bg-yellow-100 text-yellow-700' : 'bg-gray-100 text-gray-700'
}`}>
{tarefa.status.replace('_', ' ')}
</span>
<div className="flex items-center gap-2">
<button
onClick={() => handleEdit(tarefa)}
className="text-blue-600 dark:text-blue-400 hover:text-blue-900 dark:hover:text-blue-300"
title="Editar"
>
<PencilIcon className="h-5 w-5" />
</button>
{canDelete && (
<div key={tarefa.id} className="border rounded p-4 shadow flex flex-col gap-2">
<div className="flex justify-between items-center">
<span className="font-medium">{tarefa.titulo}</span>
<span className={`px-2 py-1 rounded text-xs ${
tarefa.status === 'CONCLUIDA' ? 'bg-green-100 text-green-700' : tarefa.status === 'EM_ANDAMENTO' ? 'bg-yellow-100 text-yellow-700' : 'bg-gray-100 text-gray-700'
}`}>
{tarefa.status.replace('_', ' ')}
</span>
<div className="flex items-center gap-2">
<button
onClick={() => handleDelete(tarefa.id)}
className="text-red-600 dark:text-red-400 hover:text-red-900 dark:hover:text-red-300"
title="Excluir"
onClick={() => handleEdit(tarefa)}
className="text-blue-600 dark:text-blue-400 hover:text-blue-900 dark:hover:text-blue-300"
title="Editar"
>
<TrashIcon className="h-5 w-5" />
<PencilIcon className="h-5 w-5" />
</button>
)}
{canDelete && (
<button
onClick={() => handleDelete(tarefa.id)}
className="text-red-600 dark:text-red-400 hover:text-red-900 dark:hover:text-red-300"
title="Excluir"
>
<TrashIcon className="h-5 w-5" />
</button>
)}
</div>
</div>
{/* Listagem das subtarefas vinculadas */}
{tarefa.subtarefas && tarefa.subtarefas.length > 0 && (
<ul className="mt-2 ml-2 list-disc text-sm text-gray-700 dark:text-gray-300">
{tarefa.subtarefas.map((sub) => (
<li key={sub.id} className={sub.concluida ? 'line-through text-gray-400' : ''}>
{sub.titulo} {sub.concluida ? '(Concluída)' : ''}
</li>
))}
</ul>
)}
</div>
))}
</div>