Feat: Add All Tasks view with cross-project task management #1953
+639
−16
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
added 2 commits
January 11, 2026 20:04
## Resumo da Implementação Criei uma nova funcionalidade de "Todas as Tarefas" que permite visualizar todas as tarefas de todos os projetos em uma única tabela, com filtros e busca. ### Arquivos Criados/Modificados: 1. **`/frontend/src/hooks/useAllTasks.ts`** - Novo hook customizado que busca tarefas de todos os projetos - Faz requisições para cada projeto individualmente - Combina os resultados com informações do projeto - Suporta filtros por status, busca e projectId 2. **`/frontend/src/pages/AllTasks.tsx`** - Nova página com visualização em tabela - Tabela com todas as tarefas de todos os projetos - Filtros por status, projeto e busca por texto - Ordenação por título, status, projeto e data de criação - Estatísticas de tarefas por status (clicáveis para filtrar) - Botão "New Task" para criar tarefas diretamente da visão - Colunas: Título, Status (dropdown editável), Projeto (clicável), Data de criação, Ações 3. **`/frontend/src/App.tsx`** - Adicionada nova rota `/all-tasks` 4. **`/frontend/src/components/projects/ProjectList.tsx`** - Adicionado botão "All Tasks" na página de projetos ### Funcionalidades Implementadas: - Tabela única com todas as tarefas de todos os projetos - Filtro por status (To Do, In Progress, In Review, Done, Cancelled) - Filtro por projeto - Busca por texto (título e descrição) - Ordenação clicável nas colunas - Estatísticas visuais com badges coloridos - Mudança de status diretamente na tabela via dropdown - Clique na linha para ver detalhes da tarefa - Clique no nome do projeto para ir para o Kanban desse projeto - Botão "New Task" para criar tarefas diretamente - Menu de ações (edit, delete, etc.) em cada linha - Estado vazio e de carregamento apropriados ### Como Usar: 1. Na página inicial (Projetos), clique no botão **"All Tasks"** ao lado de "Create Project" 2. Você verá uma tabela com todas as tarefas de todos os projetos 3. Use os filtros no topo para refinar a visualização 4. Clique nos badges de status para filtrar rapidamente 5. Use a busca para encontrar tarefas específicas 6. Clique em qualquer tarefa para ver seus detalhes 7. Mude o status diretamente na tabela usando o dropdown 8. Clique no nome do projeto para ir para o Kanban desse projeto Todos os type checks e lint passaram com sucesso!
…ack; update useTaskMutations for navigation control
akaytatsu
changed the title
Review CompleteYour review story is ready! Comment !reviewfast on this PR to re-generate the story. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Implementation Summary
I added a new “All Tasks” feature that allows viewing all tasks from all projects in a single table, with filtering and search capabilities.
Created / Modified Files:
1. /frontend/src/hooks/useAllTasks.ts – New custom hook to fetch tasks from all projects
• Sends requests for each project individually
• Combines results with project information
• Supports filtering by status, search, and projectId
2. /frontend/src/pages/AllTasks.tsx – New page with a table-based view
• Table displaying all tasks from all projects
• Filters by status, project, and text search
• Sorting by title, status, project, and creation date
• Task statistics by status (clickable to filter)
• “New Task” button to create tasks directly from this view
• Columns: Title, Status (editable dropdown), Project (clickable), Created At, Actions
3. /frontend/src/App.tsx – Added a new route: /all-tasks
4. /frontend/src/components/projects/ProjectList.tsx – Added an “All Tasks” button on the projects page
Implemented Features:
• Single table with all tasks from all projects
• Status filter (To Do, In Progress, In Review, Done, Cancelled)
• Project filter
• Text search (title and description)
• Clickable column sorting
• Visual statistics with colored badges
• Inline status change via dropdown in the table
• Click on a row to view task details
• Click on the project name to navigate to that project’s Kanban board
• “New Task” button for direct task creation
• Actions menu (edit, delete, etc.) on each row
• Proper empty and loading states
How to Use:
1. On the home page (Projects), click the “All Tasks” button next to “Create Project”
2. You will see a table with all tasks from all projects
3. Use the filters at the top to refine the view
4. Click on status badges to quickly filter tasks
5. Use the search bar to find specific tasks
6. Click on any task to view its details
7. Change the task status directly in the table using the dropdown
8. Click on the project name to navigate to that project’s Kanban board
All type checks and linting passed successfully! 🚀