"use client"; import axios from "axios"; import { useState } from "react"; import { useRouter } from "next/navigation"; import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "@/components/ui/dialog"; import { useModal } from "@/hooks/use-modal-store"; import { Button } from "@/components/ui/button"; export const DeleteServerModal = () => { const { isOpen, onClose, type, data } = useModal(); const router = useRouter(); const isModalOpen = isOpen && type === "deleteServer"; const { server } = data; const [isLoading, setIsLoading] = useState(false); const onClick = async () => { try { setIsLoading(true); await axios.delete(`/api/servers/${server?.id}`); onClose(); router.refresh(); router.push("/"); } catch (error) { console.log(error); } finally { setIsLoading(false); onClose(); } } return ( Delete Server Are you sure you want to do this?
{server?.name} will be permenantly deleted.
) }