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:
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user