0a03e40469
- Introduced `MetricsOverview`, `MetricsMainCharts`, `MetricsDistributionCharts`, `MetricsVelocitySection`, and `MetricsProductivitySection` for improved metrics visualization. - Updated `MetricsTab` to integrate new components and streamline data presentation. - Added compatibility fields in `JiraTask` and `AssigneeDistribution` for better data handling. - Refactored `calculateAssigneeDistribution` to include a count for total issues. - Enhanced `JiraAnalyticsService` and `JiraAdvancedFiltersService` to support new metrics calculations. - Cleaned up unused imports and components for a more maintainable codebase.
35 lines
1017 B
TypeScript
35 lines
1017 B
TypeScript
'use client';
|
|
|
|
import { Card, CardHeader, CardContent } from '@/components/ui/Card';
|
|
import { DailyStatusChart } from './DailyStatusChart';
|
|
import { CompletionRateChart } from './CompletionRateChart';
|
|
import { WeeklyMetrics } from '@/hooks/use-metrics';
|
|
|
|
interface MetricsMainChartsProps {
|
|
metrics: WeeklyMetrics;
|
|
}
|
|
|
|
export function MetricsMainCharts({ metrics }: MetricsMainChartsProps) {
|
|
return (
|
|
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
|
|
<Card>
|
|
<CardHeader>
|
|
<h3 className="text-lg font-semibold">📈 Évolution quotidienne des statuts</h3>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<DailyStatusChart data={metrics.dailyBreakdown} />
|
|
</CardContent>
|
|
</Card>
|
|
|
|
<Card>
|
|
<CardHeader>
|
|
<h3 className="text-lg font-semibold">🎯 Taux de completion quotidien</h3>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<CompletionRateChart data={metrics.dailyBreakdown} />
|
|
</CardContent>
|
|
</Card>
|
|
</div>
|
|
);
|
|
}
|