yannick.leduc/mes-budgets-participatifs
1
1
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

rend + simple à lire la page des statistiques

Browse Source
This commit is contained in:
Yannick Le Duc
2025-09-22 09:05:57 +02:00
parent d38c21944a
commit c840470521
3 changed files with 17 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/StatsDisplay.tsx
View File

@@ -31,6 +31,7 @@ export interface PropositionStats {
participationRate: number;
voteDistribution: number;
consensusScore: number;
averagePerTotalVoters: number;
}
type SortOption =
@@ -247,25 +248,25 @@ export function StatsDisplay({
</div>
<div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<div className="text-center">
<p className="text-2xl font-bold text-purple-600 dark:text-purple-400">
{stat.averagePerTotalVoters}€
</p>
<p className="text-xs text-slate-500 dark:text-slate-400">Moyenne / total votants</p>
</div>
<div className="text-center">
<p className="text-2xl font-bold text-blue-600 dark:text-blue-400">
{stat.voteCount}
</p>
<p className="text-xs text-slate-500 dark:text-slate-400">
{stat.voteCount === 1 ? 'Votant' : 'Votants'}
{stat.voteCount === 1 ? 'Soutien' : 'Soutiens'}
</p>
</div>
<div className="text-center">
<p className="text-2xl font-bold text-green-600 dark:text-green-400">
{stat.averageAmount}€
</p>
<p className="text-xs text-slate-500 dark:text-slate-400">Moyenne</p>
</div>
<div className="text-center">
<p className="text-2xl font-bold text-purple-600 dark:text-purple-400">
{stat.totalAmount}€
</p>
<p className="text-xs text-slate-500 dark:text-slate-400">Total</p>
<p className="text-xs text-slate-500 dark:text-slate-400">Moyenne des soutiens</p>
</div>
<div className="text-center">
<p className="text-2xl font-bold text-orange-600 dark:text-orange-400">