1import {
 2    createFileRoute,
 3    useNavigate,
 4} from "@tanstack/react-router";
 5import {
 6    ServicesDeleteConfirmationDialog,
 7    useRouterServiceContext,
 8} from "@marzneshin/modules/services";
 9import { useDialog } from "@marzneshin/common/hooks";
10
11const ServiceDelete = () => {
12    const [deleteDialogOpen, setDeleteDialogOpen] = useDialog(true);
13    const value = useRouterServiceContext()
14    const navigate = useNavigate({ from: "/services/$serviceId/delete" });
15
16    return value && (
17        <ServicesDeleteConfirmationDialog
18            open={deleteDialogOpen}
19            onOpenChange={setDeleteDialogOpen}
20            entity={value.service}
21            onClose={() => navigate({ to: "/services" })}
22        />
23    );
24}
25
26export const Route = createFileRoute('/_dashboard/services/$serviceId/delete')({
27    component: ServiceDelete,
28})