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.
70 lines
2.5 KiB
TypeScript
70 lines
2.5 KiB
TypeScript
'use client';
|
|
|
|
import { Card, CardContent } from '@/components/ui/Card';
|
|
import Link from 'next/link';
|
|
|
|
interface SettingsPage {
|
|
href: string;
|
|
icon: string;
|
|
title: string;
|
|
description: string;
|
|
status: string;
|
|
}
|
|
|
|
interface SettingsNavigationProps {
|
|
settingsPages: SettingsPage[];
|
|
}
|
|
|
|
export function SettingsNavigation({ settingsPages }: SettingsNavigationProps) {
|
|
return (
|
|
<div className="space-y-4">
|
|
<h2 className="text-xl font-semibold text-[var(--foreground)] mb-4">
|
|
Sections de configuration
|
|
</h2>
|
|
|
|
<div className="grid grid-cols-1 md:grid-cols-1 gap-4">
|
|
{settingsPages.map((page) => (
|
|
<Link key={page.href} href={page.href}>
|
|
<Card className="transition-all hover:shadow-md hover:border-[var(--primary)]/30 cursor-pointer">
|
|
<CardContent className="p-6">
|
|
<div className="flex items-start justify-between">
|
|
<div className="flex items-start gap-4">
|
|
<span className="text-3xl">{page.icon}</span>
|
|
<div className="flex-1">
|
|
<h3 className="text-lg font-semibold text-[var(--foreground)] mb-1">
|
|
{page.title}
|
|
</h3>
|
|
<p className="text-[var(--muted-foreground)] mb-2">
|
|
{page.description}
|
|
</p>
|
|
<div className="flex items-center gap-2">
|
|
<span className={`px-2 py-1 rounded text-xs font-medium ${
|
|
page.status === 'Fonctionnel'
|
|
? 'bg-[var(--success)]/20 text-[var(--success)]'
|
|
: page.status === 'En développement'
|
|
? 'bg-[var(--warning)]/20 text-[var(--warning)]'
|
|
: 'bg-[var(--muted)]/20 text-[var(--muted-foreground)]'
|
|
}`}>
|
|
{page.status}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<svg
|
|
className="w-5 h-5 text-[var(--muted-foreground)]"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
viewBox="0 0 24 24"
|
|
>
|
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5l7 7-7 7" />
|
|
</svg>
|
|
</div>
|
|
</CardContent>
|
|
</Card>
|
|
</Link>
|
|
))}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|