julienfroidefond/towercontrol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update Jira components with improved color schemes and UI enhancements

Browse Source 
- Refined color schemes in `BurndownChart`, `CollaborationMatrix`, `ThroughputChart`, and `TeamActivityHeatmap` for better visibility and consistency.
- Adjusted opacity handling in `TeamActivityHeatmap` for improved visual clarity.
- Cleaned up imports in `CollaborationMatrix` and `SprintComparison` for better code organization.
- Enhanced `JiraSync` component with updated color for the sync status indicator.
- Updated `jira-period-filter` to remove unused imports, streamlining the codebase.
This commit is contained in:
Julien Froidefond
2025-09-19 08:30:49 +02:00
parent 01b702f630
commit 2008cc3382
8 changed files with 132 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
components/jira/CollaborationMatrix.tsx
View File

@@ -2,7 +2,7 @@
import React from 'react';
import { JiraAnalytics } from '@/lib/types';
import { Card, CardContent, CardHeader } from '@/components/ui/Card';
import { Card } from '@/components/ui/Card';
interface CollaborationMatrixProps {
analytics: JiraAnalytics;
@@ -78,17 +78,9 @@ export function CollaborationMatrix({ analytics, className }: CollaborationMatri
// Couleur d'intensité
const getIntensityColor = (intensity: 'low' | 'medium' | 'high') => {
switch (intensity) {
case 'high': return 'bg-green-500';
case 'medium': return 'bg-yellow-500';
case 'low': return 'bg-gray-400';
}
};
const getIntensityLabel = (intensity: 'low' | 'medium' | 'high') => {
switch (intensity) {
case 'high': return 'Forte';
case 'medium': return 'Modérée';
case 'low': return 'Faible';
case 'high': return 'bg-green-600 dark:bg-green-500';
case 'medium': return 'bg-yellow-600 dark:bg-yellow-500';
case 'low': return 'bg-gray-500 dark:bg-gray-400';
}
};
@@ -108,8 +100,8 @@ export function CollaborationMatrix({ analytics, className }: CollaborationMatri
Score: {person.collaborationScore}
</span>
<div className={`w-3 h-3 rounded-full ${
person.isolation < 30 ? 'bg-green-500' :
person.isolation < 60 ? 'bg-yellow-500' : 'bg-red-500'
person.isolation < 30 ? 'bg-green-600 dark:bg-green-500' :
person.isolation < 60 ? 'bg-yellow-600 dark:bg-yellow-500' : 'bg-red-600 dark:bg-red-500'
}`} />
</div>
</div>
@@ -149,8 +141,7 @@ export function CollaborationMatrix({ analytics, className }: CollaborationMatri
const ranges = [[0, 30], [30, 50], [50, 70], [70, 100]];
const [min, max] = ranges[index];
const count = collaborationData.filter(d => d.isolation >= min && d.isolation < max).length;
const percentage = (count / collaborationData.length) * 100;
const colors = ['bg-green-500', 'bg-blue-500', 'bg-yellow-500', 'bg-red-500'];
const colors = ['bg-green-600 dark:bg-green-500', 'bg-blue-600 dark:bg-blue-500', 'bg-yellow-600 dark:bg-yellow-500', 'bg-red-600 dark:bg-red-500'];
return (
<div key={level} className="flex items-center gap-2 text-xs">