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

redesign de la page /admin

Browse Source
This commit is contained in:
Yannick Le Duc
2025-08-26 23:39:58 +02:00
parent caf0478e02
commit 4ce52f300f
12 changed files with 577 additions and 685 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
src/app/admin/campaigns/[id]/propositions/page.tsx
View File

@@ -10,11 +10,11 @@ import DeletePropositionModal from '@/components/DeletePropositionModal';
import ImportFileModal from '@/components/ImportFileModal';
import { Button } from '@/components/ui/button';
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
import { Badge } from '@/components/ui/badge';
import { Avatar, AvatarFallback } from '@/components/ui/avatar';
import Navigation from '@/components/Navigation';
import AuthGuard from '@/components/AuthGuard';
import { FileText, User, Calendar, Mail, Upload } from 'lucide-react';
import { FileText, Calendar, Mail, Upload } from 'lucide-react';
export const dynamic = 'force-dynamic';
@@ -89,6 +89,8 @@ function CampaignPropositionsPageContent() {
}
};
const getInitials = (firstName: string, lastName: string) => {
return `${firstName.charAt(0)}${lastName.charAt(0)}`.toUpperCase();
};
@@ -161,57 +163,11 @@ function CampaignPropositionsPageContent() {
</Button>
</div>
</div>
</div>
{/* Stats Overview */}
<div className="grid grid-cols-1 md:grid-cols-3 gap-4 mb-8">
<Card>
<CardContent className="p-6">
<div className="flex items-center justify-between">
<div>
<p className="text-sm font-medium text-slate-600 dark:text-slate-300">Total Propositions</p>
<p className="text-2xl font-bold text-slate-900 dark:text-slate-100">{propositions.length}</p>
</div>
<div className="w-8 h-8 bg-blue-100 dark:bg-blue-900 rounded-lg flex items-center justify-center">
<FileText className="w-4 h-4 text-blue-600 dark:text-blue-300" />
</div>
</div>
</CardContent>
</Card>
<Card>
<CardContent className="p-6">
<div className="flex items-center justify-between">
<div>
<p className="text-sm font-medium text-slate-600 dark:text-slate-300">Auteurs uniques</p>
<p className="text-2xl font-bold text-slate-900 dark:text-slate-100">
{new Set(propositions.map(p => p.author_email)).size}
</p>
</div>
<div className="w-8 h-8 bg-green-100 dark:bg-green-900 rounded-lg flex items-center justify-center">
<User className="w-4 h-4 text-green-600 dark:text-green-300" />
</div>
</div>
</CardContent>
</Card>
<Card>
<CardContent className="p-6">
<div className="flex items-center justify-between">
<div>
<p className="text-sm font-medium text-slate-600 dark:text-slate-300">Statut Campagne</p>
<p className="text-2xl font-bold text-slate-900 dark:text-slate-100">
{campaign.status === 'deposit' ? 'Dépôt' :
campaign.status === 'voting' ? 'Vote' : 'Terminée'}
</p>
</div>
<div className="w-8 h-8 bg-purple-100 dark:bg-purple-900 rounded-lg flex items-center justify-center">
<span className="text-purple-600 dark:text-purple-300">📊</span>
</div>
</div>
</CardContent>
</Card>
</div>
{/* Propositions List */}
{propositions.length === 0 ? (