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,44 @@
'use client';
import { KanbanBoardContainer } from '@/components/kanban/BoardContainer';
import { Header } from '@/components/ui/Header';
import { TasksProvider, useTasksContext } from '@/contexts/TasksContext';
import { Task } from '@/lib/types';
interface HomePageClientProps {
initialTasks: Task[];
initialStats: {
total: number;
completed: number;
inProgress: number;
todo: number;
completionRate: number;
};
}
function HomePageContent() {
const { stats, syncing } = useTasksContext();
return (
<div className="min-h-screen bg-slate-950">
<Header
title="TowerControl"
subtitle="Gestionnaire de tâches moderne"
stats={stats}
syncing={syncing}
/>
<main className="h-[calc(100vh-120px)]">
<KanbanBoardContainer />
</main>
</div>
);
}
export function HomePageClient({ initialTasks, initialStats }: HomePageClientProps) {
return (
<TasksProvider initialTasks={initialTasks} initialStats={initialStats}>
<HomePageContent />
</TasksProvider>
);
}

View File

@@ -3,26 +3,12 @@
import { useState } from 'react';
import { KanbanBoard } from './Board';
import { EditTaskForm } from '@/components/forms/EditTaskForm';
import { useTasks } from '@/hooks/useTasks';
import { useTasksContext } from '@/contexts/TasksContext';
import { Task, TaskStatus } from '@/lib/types';
import { UpdateTaskData } from '@/clients/tasks-client';
interface BoardContainerProps {
initialTasks: Task[];
initialStats: {
total: number;
completed: number;
inProgress: number;
todo: number;
completionRate: number;
};
}
export function KanbanBoardContainer({ initialTasks, initialStats }: BoardContainerProps) {
const { tasks, loading, syncing, createTask, deleteTask, updateTask, updateTaskOptimistic } = useTasks(
{ limit: 20 },
{ tasks: initialTasks, stats: initialStats }
);
export function KanbanBoardContainer() {
const { tasks, loading, createTask, deleteTask, updateTask, updateTaskOptimistic } = useTasksContext();
const [editingTask, setEditingTask] = useState<Task | null>(null);