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

feat: review admin teams views for importance inclusion

Browse Source
This commit is contained in:
Julien Froidefond
2025-08-27 13:43:47 +02:00
parent e9aecca2a5
commit a5bcdd34fb
10 changed files with 1041 additions and 409 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
components/admin/team-detail/team-metrics-cards.tsx
View File

@@ -6,8 +6,20 @@ interface TeamInsights {
averageTeamLevel: number;
totalExperts: number;
totalLearners: number;
skillGaps: number;
strongSkills: number;
skillGaps: {
incontournable: number;
majeure: number;
standard: number;
};
strongSkills: {
incontournable: number;
majeure: number;
standard: number;
};
criticalSkillsCoverage: {
incontournable: number;
majeure: number;
};
}
interface TeamMetricsCardsProps {
@@ -58,6 +70,50 @@ export function TeamMetricsCards({
</div>
</div>
<div className="bg-white/5 backdrop-blur-sm border border-white/10 rounded-2xl p-6 hover:bg-white/10 transition-colors">
<div className="flex items-center gap-3 mb-4">
<div className="p-2 bg-red-500/20 border border-red-500/30 rounded-xl">
<Target className="h-4 w-4 text-red-400" />
</div>
<span className="text-slate-300 font-medium text-sm">
Incontournables
</span>
</div>
<div
className={`text-2xl font-bold ${
teamInsights.criticalSkillsCoverage.incontournable < 75
? "text-red-400"
: "text-green-400"
}`}
>
{teamInsights.criticalSkillsCoverage.incontournable.toFixed(0)}%
</div>
<div className="text-xs text-slate-400 mt-1">
{teamInsights.skillGaps.incontournable} à renforcer
</div>
</div>
<div className="bg-white/5 backdrop-blur-sm border border-white/10 rounded-2xl p-6 hover:bg-white/10 transition-colors">
<div className="flex items-center gap-3 mb-4">
<div className="p-2 bg-blue-500/20 border border-blue-500/30 rounded-xl">
<Target className="h-4 w-4 text-blue-400" />
</div>
<span className="text-slate-300 font-medium text-sm">Majeures</span>
</div>
<div
className={`text-2xl font-bold ${
teamInsights.criticalSkillsCoverage.majeure < 60
? "text-red-400"
: "text-green-400"
}`}
>
{teamInsights.criticalSkillsCoverage.majeure.toFixed(0)}%
</div>
<div className="text-xs text-slate-400 mt-1">
{teamInsights.skillGaps.majeure} à renforcer
</div>
</div>
<div className="bg-white/5 backdrop-blur-sm border border-white/10 rounded-2xl p-6 hover:bg-white/10 transition-colors">
<div className="flex items-center gap-3 mb-4">
<div className="p-2 bg-orange-500/20 border border-orange-500/30 rounded-xl">
@@ -68,38 +124,10 @@ export function TeamMetricsCards({
<div className="text-2xl font-bold text-white">
{teamInsights.totalExperts}
</div>
<div className="text-xs text-slate-400 mt-1">compétences expertes</div>
</div>
<div className="bg-white/5 backdrop-blur-sm border border-white/10 rounded-2xl p-6 hover:bg-white/10 transition-colors">
<div className="flex items-center gap-3 mb-4">
<div className="p-2 bg-purple-500/20 border border-purple-500/30 rounded-xl">
<BookOpen className="h-4 w-4 text-purple-400" />
</div>
<span className="text-slate-300 font-medium text-sm">
Apprentissages
</span>
</div>
<div className="text-2xl font-bold text-white">
{teamInsights.totalLearners}
</div>
<div className="text-xs text-slate-400 mt-1">
objectifs d'apprentissage
</div>
</div>
<div className="bg-white/5 backdrop-blur-sm border border-white/10 rounded-2xl p-6 hover:bg-white/10 transition-colors">
<div className="flex items-center gap-3 mb-4">
<div className="p-2 bg-red-500/20 border border-red-500/30 rounded-xl">
<Target className="h-4 w-4 text-red-400" />
</div>
<span className="text-slate-300 font-medium text-sm">Lacunes</span>
</div>
<div className="text-2xl font-bold text-white">
{teamInsights.skillGaps}
</div>
<div className="text-xs text-slate-400 mt-1">
compétences à renforcer
{teamInsights.strongSkills.incontournable +
teamInsights.strongSkills.majeure}{" "}
critiques maîtrisées
</div>
</div>
</div>