dashboard: reimaginacao

Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>

src/components/dashboard/WorkflowTarefas.tsx

@@ -47,7 +47,8 @@ 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">
+        <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'
@@ -73,6 +74,17 @@ export const WorkflowTarefas: React.FC = () => {
               )}
             </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>
   );