feat: enhance Kanban filtering and integrate filters in BoardContainer

- Marked multiple tasks as completed in TODO.md related to Kanban filtering features.
- Added `KanbanFilters` component to `BoardContainer` for improved task filtering.
- Updated `TasksContext` to manage Kanban filters and provide filtered tasks to the board.
- Implemented real-time filtering logic based on search, tags, and priorities.
This commit is contained in:
Julien Froidefond
2025-09-14 16:48:41 +02:00
parent c5a7d16425
commit 5e09759c2b
4 changed files with 270 additions and 8 deletions

View File

@@ -2,13 +2,23 @@
import { useState } from 'react';
import { KanbanBoard } from './Board';
import { KanbanFilters } from './KanbanFilters';
import { EditTaskForm } from '@/components/forms/EditTaskForm';
import { useTasksContext } from '@/contexts/TasksContext';
import { Task, TaskStatus } from '@/lib/types';
import { UpdateTaskData } from '@/clients/tasks-client';
export function KanbanBoardContainer() {
const { tasks, loading, createTask, deleteTask, updateTask, updateTaskOptimistic } = useTasksContext();
const {
filteredTasks,
loading,
createTask,
deleteTask,
updateTask,
updateTaskOptimistic,
kanbanFilters,
setKanbanFilters
} = useTasksContext();
const [editingTask, setEditingTask] = useState<Task | null>(null);
@@ -38,8 +48,13 @@ export function KanbanBoardContainer() {
return (
<>
<KanbanFilters
filters={kanbanFilters}
onFiltersChange={setKanbanFilters}
/>
<KanbanBoard
tasks={tasks}
tasks={filteredTasks}
onCreateTask={createTask}
onDeleteTask={deleteTask}
onEditTask={handleEditTask}