portabase/src/components/wrappers/dashboard/projects/ButtonDeleteProject/ButtonDeleteProject.tsx

"use client"

import {Trash2} from "lucide-react";
import {ButtonWithConfirm} from "@/components/wrappers/common/button/button-with-confirm";
import {useMutation} from "@tanstack/react-query";
import {deleteProjectAction} from "@/components/wrappers/dashboard/projects/ButtonDeleteProject/delete-project.action";
import {useRouter} from "next/navigation";
import {toast} from "sonner";

export type ButtonDeleteProjectProps = {
    text? : string
    projectId: string
}

export const ButtonDeleteProject = (props: ButtonDeleteProjectProps) => {
    const router = useRouter()
    const mutation = useMutation({
        mutationFn: () => deleteProjectAction(props.projectId),
        onSuccess: async (result: any) => {
            console.log(result)
            if(result.data?.success) {
                toast.success(result.data.actionSuccess.message);
                router.push("/")

            }else{
                toast.error(result.data.actionError.message || "Unknown error occurred.");
            }
        },
    })

    return (
        <ButtonWithConfirm
            text={props.text ? props.text : ""}
            onClick={() => {
                mutation.mutate()
            }}
            variant={"destructive"}
            isPending={mutation.isPending}
            className="gap-2"
            icon={<Trash2/>}
        />
    )
}