Connection.Triggers.Delete

"use client"
import { Connection } from "@runmorph/atoms";
import { Button } from "@/components/ui/button";
import { IconTrash } from "@/components/ui/icons";

function DeleteConnectionButton({ sessionToken }) {
    return (
        <Connection.Triggers.Delete sessionToken={sessionToken}>
            <Button variant="destructive" size="sm">
                <IconTrash className="mr-2 h-4 w-4" />
                Delete Connection
            </Button>
        </Connection.Triggers.Delete>
    );
}

export default DeleteConnectionButton;

"use client"
import { Connection } from "@runmorph/atoms";
import {
    AlertDialog,
    AlertDialogContent,
    AlertDialogDescription,
    AlertDialogFooter,
    AlertDialogHeader,
    AlertDialogTitle,
    AlertDialogTrigger,
} from "@/components/ui/alert-dialog";
import { Button } from "@/components/ui/button";
import { toast } from "@/components/ui/use-toast";

function DeleteWithConfirmation({ sessionToken }) {
    return (
        <AlertDialog>
            <AlertDialogTrigger asChild>
                <Button variant="destructive">Delete Connection</Button>
            </AlertDialogTrigger>
            <AlertDialogContent>
                <AlertDialogHeader>
                    <AlertDialogTitle>Are you sure?</AlertDialogTitle>
                    <AlertDialogDescription>
                        This action cannot be undone. This will permanently delete your
                        connection and remove all associated data.
                    </AlertDialogDescription>
                </AlertDialogHeader>
                <AlertDialogFooter>
                    <AlertDialogCancel>Cancel</AlertDialogCancel>
                    <Connection.Triggers.Delete
                        sessionToken={sessionToken}
                        connectionCallbacks={{
                            onConnectionDataChange: () => {
                                toast({
                                    title: "Connection Deleted",
                                    description: "Your connection has been removed."
                                });
                            }
                        }}
                    >
                        <Button variant="destructive">
                            Delete Connection
                        </Button>
                    </Connection.Triggers.Delete>
                </AlertDialogFooter>
            </AlertDialogContent>
        </AlertDialog>
    );
}

export default DeleteWithConfirmation;