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

refactoring majeur (code dupliqué, mort, ...)

Browse Source 
- Économie : ~1240 lignes de code dupliqué
- Réduction : ~60% du code modal
- Amélioration : Cohérence et maintenabilité
This commit is contained in:
Yannick Le Duc
2025-08-27 12:45:37 +02:00
parent 6acc7d9d35
commit dc388bf371
25 changed files with 1446 additions and 1821 deletions
Download Patch File Download Diff File Expand all files Collapse all files

109
src/components/DeletePropositionModal.tsx
View File

@@ -1,10 +1,7 @@
'use client';
import { useState } from 'react';
import { Button } from '@/components/ui/button';
import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from '@/components/ui/dialog';
import { AlertTriangle } from 'lucide-react';
import { propositionService } from '@/lib/services';
import { Proposition } from '@/types';
import { DeleteModal } from './base/DeleteModal';
interface DeletePropositionModalProps {
isOpen: boolean;
@@ -14,85 +11,35 @@ interface DeletePropositionModalProps {
}
export default function DeletePropositionModal({ isOpen, onClose, onSuccess, proposition }: DeletePropositionModalProps) {
const [loading, setLoading] = useState(false);
const [error, setError] = useState('');
const handleDelete = async () => {
if (!proposition) return;
setLoading(true);
setError('');
try {
await propositionService.delete(proposition.id);
onSuccess();
} catch (err: any) {
const errorMessage = err?.message || err?.details || 'Erreur lors de la suppression de la proposition';
setError(`Erreur lors de la suppression de la proposition: ${errorMessage}`);
console.error('Erreur lors de la suppression de la proposition:', err);
} finally {
setLoading(false);
}
};
if (!proposition) return null;
const handleDelete = async () => {
await propositionService.delete(proposition.id);
onSuccess();
};
return (
<Dialog open={isOpen} onOpenChange={onClose}>
<DialogContent className="sm:max-w-[425px]">
<DialogHeader>
<DialogTitle className="flex items-center gap-2">
<AlertTriangle className="h-5 w-5 text-red-500" />
Supprimer la proposition
</DialogTitle>
<DialogDescription>
Cette action est irréversible. La proposition sera définitivement supprimée.
</DialogDescription>
</DialogHeader>
<div className="space-y-4">
{error && (
<div className="p-3 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg">
<p className="text-sm text-red-600 dark:text-red-400">{error}</p>
</div>
)}
<div className="p-4 bg-slate-50 dark:bg-slate-800 rounded-lg">
<h4 className="font-medium text-slate-900 dark:text-slate-100 mb-2">
Proposition à supprimer :
</h4>
<p className="text-sm text-slate-600 dark:text-slate-300">
<strong>Titre :</strong> {proposition.title}
</p>
<p className="text-sm text-slate-600 dark:text-slate-300">
<strong>Auteur :</strong> {proposition.author_first_name} {proposition.author_last_name}
</p>
<p className="text-sm text-slate-600 dark:text-slate-300">
<strong>Email :</strong> {proposition.author_email}
</p>
</div>
<div className="p-3 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded-lg">
<p className="text-sm text-amber-700 dark:text-amber-300">
⚠️ Cette action supprimera également tous les votes associés à cette proposition.
</p>
</div>
</div>
<DialogFooter>
<Button type="button" variant="outline" onClick={onClose}>
Annuler
</Button>
<Button
type="button"
variant="destructive"
onClick={handleDelete}
disabled={loading}
>
{loading ? 'Suppression...' : 'Supprimer définitivement'}
</Button>
</DialogFooter>
</DialogContent>
</Dialog>
<DeleteModal
isOpen={isOpen}
onClose={onClose}
onConfirm={handleDelete}
title="Supprimer la proposition"
description="Cette action est irréversible. La proposition sera définitivement supprimée."
itemName="Proposition"
itemDetails={
<>
<p className="text-sm text-slate-600 dark:text-slate-300">
<strong>Titre :</strong> {proposition.title}
</p>
<p className="text-sm text-slate-600 dark:text-slate-300">
<strong>Auteur :</strong> {proposition.author_first_name} {proposition.author_last_name}
</p>
<p className="text-sm text-slate-600 dark:text-slate-300">
<strong>Email :</strong> {proposition.author_email}
</p>
</>
}
warningMessage="Cette action supprimera également tous les votes associés à cette proposition."
/>
);
}