refactor: simplify BoardContainer and update task management

- Removed initialTasks and initialStats props from KanbanBoardContainer, now using TasksContext for task management.
- Updated useTasks hook to include a simulated delay for sync indicator during task updates.
- Replaced KanbanBoardContainer with HomePageClient in the HomePage component for a cleaner structure.
This commit is contained in:
Julien Froidefond
2025-09-14 09:13:22 +02:00
parent 9193305550
commit edbd82e8ac
5 changed files with 110 additions and 33 deletions

View File

@@ -0,0 +1,55 @@
'use client';
import { createContext, useContext, ReactNode } from 'react';
import { useTasks } from '@/hooks/useTasks';
import { Task } from '@/lib/types';
import { CreateTaskData, UpdateTaskData, TaskFilters } from '@/clients/tasks-client';
interface TasksContextType {
tasks: Task[];
stats: {
total: number;
completed: number;
inProgress: number;
todo: number;
completionRate: number;
};
loading: boolean;
syncing: boolean;
error: string | null;
createTask: (data: CreateTaskData) => Promise<Task | null>;
updateTask: (data: UpdateTaskData) => Promise<Task | null>;
updateTaskOptimistic: (data: UpdateTaskData) => Promise<Task | null>;
deleteTask: (taskId: string) => Promise<void>;
refreshTasks: () => Promise<void>;
setFilters: (filters: TaskFilters) => void;
}
const TasksContext = createContext<TasksContextType | null>(null);
interface TasksProviderProps {
children: ReactNode;
initialTasks: Task[];
initialStats: TasksContextType['stats'];
}
export function TasksProvider({ children, initialTasks, initialStats }: TasksProviderProps) {
const tasksState = useTasks(
{ limit: 20 },
{ tasks: initialTasks, stats: initialStats }
);
return (
<TasksContext.Provider value={tasksState}>
{children}
</TasksContext.Provider>
);
}
export function useTasksContext() {
const context = useContext(TasksContext);
if (!context) {
throw new Error('useTasksContext must be used within a TasksProvider');
}
return context;
}