"use client"; import { useState } from "react"; import { useRouter } from "next/navigation"; import { useTranslations } from "next-intl"; import { Loader2, Trash2 } from "lucide-react"; import { Button } from "@/components/ui/button"; import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "@/components/ui/alert-dialog"; import { toast } from "sonner"; import { analyticsPrompt } from "@/lib/analytics"; interface DismissChangeRequestButtonProps { changeRequestId: string; promptId: string; } export function DismissChangeRequestButton({ changeRequestId, promptId }: DismissChangeRequestButtonProps) { const router = useRouter(); const t = useTranslations("changeRequests"); const tCommon = useTranslations("common"); const [isLoading, setIsLoading] = useState(false); const [open, setOpen] = useState(false); const handleDismiss = async () => { setIsLoading(true); try { const response = await fetch(`/api/prompts/${promptId}/changes/${changeRequestId}`, { method: "DELETE", }); if (!response.ok) { const error = await response.json(); throw new Error(error.message || "Failed to dismiss change request"); } analyticsPrompt.changeRequest(promptId, "dismiss"); toast.success(t("dismissed")); router.push(`/prompts/${promptId}`); router.refresh(); } catch (error) { toast.error(error instanceof Error ? error.message : tCommon("error")); } finally { setIsLoading(false); setOpen(false); } }; return ( {t("dismissConfirmTitle")} {t("dismissConfirmDescription")} {tCommon("cancel")} {isLoading && } {t("dismiss")} ); }