Michael/Regisflow
1
0 Fork 0
mirror of https://github.com/R0m1k3/Regisflow.git synced 2026-10-23 15:18:17 +02:00
Code Issues Packages Projects Releases Wiki Activity

Improve the way users confirm deletions of sales and user accounts

Browse Source 
Replaces native confirm() dialogs with AlertDialog modals from shadcn/ui in SalesHistory and Administration components.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 91318273-c764-4fd4-be04-bdc12c38af32
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/0715008c-7244-40f4-befc-26c014852236/af392dda-fd07-4339-ad27-aa15ea23c8ed.jpg
This commit is contained in:
michaelschal committed 2025-07-09 19:21:31 +00:00
1 parent c8164a1699
commit 04aff6fbbe
3 files changed
+112 -37
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

client/src/components/SalesHistory.tsx
+36 -13
View File
@@ -4,7 +4,8 @@ import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input';
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from '@/components/ui/dialog';
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger, DialogFooter, DialogDescription } from '@/components/ui/dialog';
import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from '@/components/ui/alert-dialog';
import { useToast } from '@/hooks/use-toast';
import { useStoreContext } from '@/hooks/useStoreContext';
import { useAuth } from '@/hooks/useAuth';
@@ -70,10 +71,8 @@ export default function SalesHistory({ canDelete = false }: SalesHistoryProps) {
},
});
const handleDeleteSale = async (sale: Sale) => {
if (confirm(`Êtes-vous sûr de vouloir supprimer cette vente ?`)) {
deleteSaleMutation.mutate(sale.id);
}
const handleDeleteSale = (sale: Sale) => {
deleteSaleMutation.mutate(sale.id);
};
const exportToCSV = () => {
@@ -280,14 +279,38 @@ export default function SalesHistory({ canDelete = false }: SalesHistoryProps) {
</DialogContent>
</Dialog>
{canDelete && (
<Button
variant="ghost"
size="sm"
onClick={() => handleDeleteSale(sale)}
disabled={deleteSaleMutation.isPending}
>
<Trash2 className="h-4 w-4 text-red-600" />
</Button>
<AlertDialog>
<AlertDialogTrigger asChild>
<Button
variant="ghost"
size="sm"
disabled={deleteSaleMutation.isPending}
>
<Trash2 className="h-4 w-4 text-red-600" />
</Button>
</AlertDialogTrigger>
<AlertDialogContent>
<AlertDialogHeader>
<AlertDialogTitle>Confirmer la suppression</AlertDialogTitle>
<AlertDialogDescription>
Êtes-vous sûr de vouloir supprimer cette vente ? Cette action est irréversible.
<br /><br />
<strong>Client :</strong> {sale.nom} {sale.prenom}<br />
<strong>Article :</strong> {sale.typeArticle}<br />
<strong>Date :</strong> {formatDateTime(sale.timestamp!)}
</AlertDialogDescription>
</AlertDialogHeader>
<AlertDialogFooter>
<AlertDialogCancel>Annuler</AlertDialogCancel>
<AlertDialogAction
onClick={() => handleDeleteSale(sale)}
className="bg-red-600 hover:bg-red-700"
>
Supprimer
</AlertDialogAction>
</AlertDialogFooter>
</AlertDialogContent>
</AlertDialog>
)}
</div>
</TableCell>