3c7f5ca2fa
- Changed project name from "towercontrol-temp" to "towercontrol" in package-lock.json and package.json. - Added Recharts library for data visualization in the dashboard. - Updated TODO.md to reflect completion of analytics and metrics integration tasks. - Enhanced RecentTasks component to utilize TaskPriority type for better type safety. - Minor layout adjustments in RecentTasks for improved UI.
68 lines
2.1 KiB
TypeScript
68 lines
2.1 KiB
TypeScript
'use client';
|
|
|
|
import { Header } from '@/components/ui/Header';
|
|
import { TasksProvider, useTasksContext } from '@/contexts/TasksContext';
|
|
import { UserPreferencesProvider } from '@/contexts/UserPreferencesContext';
|
|
import { Task, Tag, TaskStats, UserPreferences } from '@/lib/types';
|
|
import { CreateTaskData } from '@/clients/tasks-client';
|
|
import { DashboardStats } from '@/components/dashboard/DashboardStats';
|
|
import { QuickActions } from '@/components/dashboard/QuickActions';
|
|
import { RecentTasks } from '@/components/dashboard/RecentTasks';
|
|
import { ProductivityAnalytics } from '@/components/dashboard/ProductivityAnalytics';
|
|
|
|
interface HomePageClientProps {
|
|
initialTasks: Task[];
|
|
initialStats: TaskStats;
|
|
initialTags: (Tag & { usage: number })[];
|
|
initialPreferences: UserPreferences;
|
|
}
|
|
|
|
|
|
function HomePageContent() {
|
|
const { stats, syncing, createTask, tasks } = useTasksContext();
|
|
|
|
// Handler pour la création de tâche
|
|
const handleCreateTask = async (data: CreateTaskData) => {
|
|
await createTask(data);
|
|
};
|
|
|
|
return (
|
|
<div className="min-h-screen bg-[var(--background)]">
|
|
<Header
|
|
title="TowerControl"
|
|
subtitle="Dashboard - Vue d'ensemble"
|
|
stats={stats}
|
|
syncing={syncing}
|
|
/>
|
|
|
|
<main className="container mx-auto px-6 py-8">
|
|
{/* Statistiques */}
|
|
<DashboardStats stats={stats} />
|
|
|
|
{/* Actions rapides */}
|
|
<QuickActions onCreateTask={handleCreateTask} />
|
|
|
|
{/* Analytics et métriques */}
|
|
<ProductivityAnalytics />
|
|
|
|
{/* Tâches récentes */}
|
|
<RecentTasks tasks={tasks} />
|
|
</main>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export function HomePageClient({ initialTasks, initialStats, initialTags, initialPreferences }: HomePageClientProps) {
|
|
return (
|
|
<UserPreferencesProvider initialPreferences={initialPreferences}>
|
|
<TasksProvider
|
|
initialTasks={initialTasks}
|
|
initialStats={initialStats}
|
|
initialTags={initialTags}
|
|
>
|
|
<HomePageContent />
|
|
</TasksProvider>
|
|
</UserPreferencesProvider>
|
|
);
|
|
}
|