107 lines
3.3 KiB
TypeScript
107 lines
3.3 KiB
TypeScript
"use client";
|
|
|
|
import { useState } from "react";
|
|
import { Button } from "@/components/ui/button";
|
|
import { Trash2, Loader2 } from "lucide-react";
|
|
import { deleteSubmission, deleteAllSubmissions } from "@/app/actions/submissions";
|
|
import { toast } from "sonner";
|
|
import { useRouter } from "next/navigation";
|
|
import {
|
|
AlertDialog,
|
|
AlertDialogAction,
|
|
AlertDialogCancel,
|
|
AlertDialogContent,
|
|
AlertDialogDescription,
|
|
AlertDialogFooter,
|
|
AlertDialogHeader,
|
|
AlertDialogTitle,
|
|
AlertDialogTrigger,
|
|
} from "@/components/ui/alert-dialog";
|
|
import { Spinner } from "@/components/ui/spinner";
|
|
|
|
export function DeleteSubmissionButton({ id, redirectUrl }: { id: string, redirectUrl?: string }) {
|
|
const [loading, setLoading] = useState(false);
|
|
const router = useRouter();
|
|
|
|
const handleDelete = async () => {
|
|
setLoading(true);
|
|
try {
|
|
await deleteSubmission(id);
|
|
toast.success("Submission deleted");
|
|
if (redirectUrl) {
|
|
router.push(redirectUrl);
|
|
}
|
|
} catch (err: any) {
|
|
toast.error(err.message || "Failed to delete submission");
|
|
} finally {
|
|
setLoading(false);
|
|
}
|
|
};
|
|
|
|
return (
|
|
<AlertDialog>
|
|
<AlertDialogTrigger asChild>
|
|
<Button size="sm" variant="destructive" disabled={loading}>
|
|
{loading ? <Spinner /> : <Trash2 className="w-3.5 h-3.5" />}
|
|
Delete
|
|
</Button>
|
|
</AlertDialogTrigger>
|
|
<AlertDialogContent>
|
|
<AlertDialogHeader>
|
|
<AlertDialogTitle>Are you sure?</AlertDialogTitle>
|
|
<AlertDialogDescription>
|
|
This action cannot be undone. This will permanently delete this submission and remove its data from our servers.
|
|
</AlertDialogDescription>
|
|
</AlertDialogHeader>
|
|
<AlertDialogFooter>
|
|
<AlertDialogCancel>Cancel</AlertDialogCancel>
|
|
<AlertDialogAction onClick={handleDelete} className="bg-destructive text-destructive-foreground hover:bg-destructive/90">
|
|
Delete
|
|
</AlertDialogAction>
|
|
</AlertDialogFooter>
|
|
</AlertDialogContent>
|
|
</AlertDialog>
|
|
);
|
|
}
|
|
|
|
export function DeleteAllSubmissionsButton() {
|
|
const [loading, setLoading] = useState(false);
|
|
|
|
const handleDeleteAll = async () => {
|
|
setLoading(true);
|
|
try {
|
|
await deleteAllSubmissions();
|
|
toast.success("All submissions deleted");
|
|
} catch (err: any) {
|
|
toast.error(err.message || "Failed to delete submissions");
|
|
} finally {
|
|
setLoading(false);
|
|
}
|
|
};
|
|
|
|
return (
|
|
<AlertDialog>
|
|
<AlertDialogTrigger asChild>
|
|
<Button variant="destructive" disabled={loading}>
|
|
{loading ? <Spinner /> : <Trash2 className="w-4 h-4" />}
|
|
Delete All Submissions
|
|
</Button>
|
|
</AlertDialogTrigger>
|
|
<AlertDialogContent>
|
|
<AlertDialogHeader>
|
|
<AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle>
|
|
<AlertDialogDescription>
|
|
This action cannot be undone. This will permanently delete <strong>ALL</strong> submissions and remove their data from our servers.
|
|
</AlertDialogDescription>
|
|
</AlertDialogHeader>
|
|
<AlertDialogFooter>
|
|
<AlertDialogCancel>Cancel</AlertDialogCancel>
|
|
<AlertDialogAction onClick={handleDeleteAll}>
|
|
Delete All
|
|
</AlertDialogAction>
|
|
</AlertDialogFooter>
|
|
</AlertDialogContent>
|
|
</AlertDialog>
|
|
);
|
|
}
|