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.
50 lines
1.4 KiB
TypeScript
50 lines
1.4 KiB
TypeScript
'use client';
|
|
|
|
import { JiraAnomaly } from '@/services/jira-anomaly-detection';
|
|
import { AnomalyItem } from './AnomalyItem';
|
|
|
|
interface AnomalyListProps {
|
|
anomalies: JiraAnomaly[];
|
|
loading: boolean;
|
|
error: string | null;
|
|
}
|
|
|
|
export function AnomalyList({ anomalies, loading, error }: AnomalyListProps) {
|
|
if (error) {
|
|
return (
|
|
<div className="bg-red-50 border border-red-200 rounded-lg p-3 mb-4">
|
|
<p className="text-red-700 text-sm">❌ {error}</p>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
if (loading) {
|
|
return (
|
|
<div className="flex items-center justify-center py-8">
|
|
<div className="text-center">
|
|
<div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600 mx-auto mb-2"></div>
|
|
<p className="text-sm text-gray-600">Analyse en cours...</p>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
if (anomalies.length === 0) {
|
|
return (
|
|
<div className="text-center py-8">
|
|
<div className="text-4xl mb-2">✅</div>
|
|
<p className="text-[var(--foreground)] font-medium">Aucune anomalie détectée</p>
|
|
<p className="text-sm text-[var(--muted-foreground)]">Toutes les métriques sont dans les seuils normaux</p>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<div className="grid grid-cols-1 lg:grid-cols-2 gap-3">
|
|
{anomalies.map((anomaly) => (
|
|
<AnomalyItem key={anomaly.id} anomaly={anomaly} />
|
|
))}
|
|
</div>
|
|
);
|
|
}
|